The :hover
pseudo-class can be tossed into a CSS selector to target the state of the element when the user’s cursor is currently positioned over the element. Due to the hierarchical structure of the DOM, anytime you activate the :hover
state of an element, you activate it for all ancestral elements too. Wanting a quick illustration for this, I took to JSFiddle.