applying style to inner div on hover of outer div
I have some HTML that looks like this:
With the following CSS:
What I want to do is have the text of the inner div change color on hover of the outer div. How can I do this with CSS only?
The jsFiddle is here
PS: I know it can easily be done with jQuery but this is about doing it with CSS only.
You would use the
:hover psuedo-class on the parent element, followed by the child element.