css - 是否有一个 CSS 选择器来选择给定元素的所有第一个后代？

Question

<article>
 <header targetme!>
  <h1 don't target me></h1>
 </header>
 <p targetme! ></p>
 <p targetme! ></p>
 <div targetme!>
  <p don't target me></p>
 </div>
</article>

是否有一个 CSS 选择器（IE7 及更高版本）可以用来仅选择给定元素（在本例中为文章）的第一个后代？

Answer 1

您可以使用子组合器, >，它只会选择直接子元素，以及通用选择器,*来匹配所有元素：

article > * {
    /* Your styles */
}

请注意，虽然 IE7 确实支持子组合器，但 IE6 不支持。

Answer 2

使用>选择选择器的第一个后代/子元素

.selector > .childelementonlyselector

这适用于 id 选择器#id、标签选择器div和类选择器，如上例所示.class

Answer 3

您可以执行以下操作来选择所有直系后代：

article > *

Answer 4

您可以使用$('article').children();

那应该做你想做的事，请参阅.children() api 参考。