使用CSS基于top div为div类设置样式

Question

嗨我有一个场景，我必须根据父h3类

设置div元素的样式

示例：

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

现在我要做的是如果名为First的类中有p标记，我想更改第二类h3标记的样式。

Answer 1

答案：在不改变HTML的情况下，单靠CSS目前无法实现这一目标。

更多信息：CSS Selectors Level 4 specs介绍（d）新的父选择器$：

$div > p {
    // styles here
}

上面的选择器会定位div，不是 p。当然，只有具有直接p子元素的div。尽管如此，这对于进一步增加并没有多大帮助，正如BoltClock指出的那样，这些规格已经被修改了几年，父母选择器甚至可能不会很快到来。