How to change parent's CSS only when child is hovered?

Question

As the title says.. I've a PARENT element that has a CHILD element (two divs here!)

I wanna change the background-color of the parent element when (AND ONLY WHEN) the child element hovered..

so if the parent element has padding and when cursor hovers on the padding the background color [css] doesn't change.. it only changes when the child is hovered..

Can I do it with css or I'll need some javascript?

Need javascript... Unless you were to put what looks like the parent, inside the child... o_O — Farzher, Aug 18 '12 at 03:28
You either need JavaScript, or change your markup. CSS doesn't "look up". — bfavaretto, Aug 18 '12 at 03:29
Check this previous SO discussion out: http://stackoverflow.com/questions/9001229/want-to-change-the-background-of-an-div-on-hovering-another-div-in-css3 — Sablefoste, Aug 18 '12 at 03:34
possible duplicate of [Complex CSS selector for parent of active child](http://stackoverflow.com/questions/45004/complex-css-selector-for-parent-of-active-child) — bfavaretto, Aug 18 '12 at 03:35

score 0 · Accepted Answer · edited May 23 '17 at 11:48

0

You will indeed need javascript. Take a look here for some good information about it.

edited May 23 '17 at 11:48

Community

1
1

answered Aug 18 '12 at 03:31

mash

12,407
3
24
30

How to change parent's CSS only when child is hovered?

1 Answers1