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

这applys以ID选择#id，标签选择div和类选择如上.class

Answer 3

你可以做以下选择所有直系后代：

article > * 

Answer 4

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

应该做你想要什么，看.children() API参考。