是否有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參考。