Any way write CSS for parent DIV given known children DIV ID?

Question

Possible Duplicate:
Is there a CSS parent selector?

Given I have no way to change the HTML file, only CSS file.

How can I add some CSS to the parent DIV if I only know the direct child DIV ID?

For example:

<div>
  <div id="child">
    content
  </div>
</div>

Anything like: #child:parent div CSS rules?

would you like to go for jquery support? – Krish Sep 06 '12 at 05:03 — Krish, Sep 06 '12 at 05:03

score 1 · Answer 1 · answered Sep 06 '12 at 04:35

1

No, css selectors does not support it. In css4 there is something for it (but it is not available now):

$div > #child {
  /* here code for parent div */
}

answered Sep 06 '12 at 04:35

Danil Speransky

The `$` syntax has already been abandoned. They will be replacing it with something else. – BoltClock Sep 06 '12 at 08:01

score 0 · Answer 2 · answered Sep 06 '12 at 05:08

0

Try this but it using jquery

$('#child').parent().css({'background-color':'green','color':'black'});

answered Sep 06 '12 at 05:08

Krish

Adding Javascript usually requires modifying the HTML file, which he said he can'tdo. – Barmar Sep 06 '12 at 06:39

2 Answers2