是否有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

您可以使用child combinator，>来选择直接子项，以及universal selector，*，以匹配所有元素：

article > * {
    /* Your styles */
}

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

Answer 2

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

.selector > .childelementonlyselector

这适用于ID选择器#id，标记选择器div和类选择器，如上例.class

Answer 3

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

article > *

Answer 4

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

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