css - 如何在 CSS 中选择子元素？

Question

我有一些如下所示的 HTML:

<h2>Heading</h2>
<div class='myClass'>
    <h2>Another Heading</h2>
</div>

假设我希望包含在类 myClass 的 div 中的所有 h2 元素都带有下划线。

对此合适的 CSS 选择器是什么？请注意，这是针对静态 CSS 文件的，而不是 jQuery。

我试过下面的代码，但它不起作用。如果您能告诉我这个不正确的选择器选择了什么，加分。

div.myClass > h2 { text-decoration: underline; }

Answer 1

除非您遇到特异性问题(从代码看不像)或者您使用的是非常旧的浏览器，否则这应该有效。

在你的情况下，这应该做同样的事情:

div.myClass h2 { text-decoration: underline; }

您可能想看看它是否有效。

此外，如果可能的话......分享一个http://jsfiddle.net或链接到您的代码。