Styling a parent element according child state

Question

HTML:

<div id="main-div">
op: <input type="checkbox" id="ck">
</div>

Is there a way to style "main-div" according to "ck" state, ONLY using CSS? For example, if "ck" is checked "main-div" should apply a yellow background.

Using pseudo-class : using checked, it's possible to verify ck state, but how would it target the main-div?

@user3790069 - That's a draft of a spec that's not implemented yet. — j08691, Sep 22 '14 at 19:06
@user3790069 Do you know how is current browser support for has-pseudo? — Savrige, Sep 22 '14 at 19:16
@Borachio I tried `:has` in Chrome 37 and Firefox 32, unfortunately, it doesn't work — user3790069, Sep 22 '14 at 19:26

score 1 · Answer 1 · edited May 23 '17 at 12:12

1

No, there is currently no way. See the accepted answere here for more detail: https://stackoverflow.com/a/1014958/3892957

edited May 23 '17 at 12:12

Community

1
1

answered Sep 22 '14 at 18:57

Bernhard Riegler

85
6

Styling a parent element according child state

1 Answers1