使用CSS根据顶级div设置div类的样式

Question

Hi I have a scenario where I have to style a h3 element based on parent div class

Example:

<div class="First">
 <p>This is sample text</p>
</div>
<div class="Second">
 <h3>This is sample header</h3>
</div>

Now what I want to do is if there is a p tag inside class named First, I want to change the style of h3 tag of second class.

Answer 1

Answer: Without altering the HTML, this is currently not possible with CSS alone.

Further information: The CSS Selectors Level 4 specs introduce(d) the new parent selector $ :

$div > p {
    // styles here
}

The selector above would target the div , not the p . Of course, only divs, which have a direct p child element. Still, this wouldn't help much with further additions and as BoltClock noted, the specs haven't been revised for a couple of years and a parent selector might not even come soon.