：第一個孩子僞選擇器沒有定位元素

Question

我無法理解爲什麼這個第一個孩子選擇器不工作。

我創建了一個的jsfiddle顯示我的代碼：http://jsfiddle.net/wDTvV/

基本上下面的CSS規則不工作：

.form-item-products:first-child { 
    display: none; 
} 

有誰知道爲什麼嗎？我搞砸了使用僞選擇器的語法嗎？

謝謝你們，

裏克

Answer 1

第一個孩子不是.form-item-products，而是#product-guide-wrapper，所以你的選擇器不匹配。

正如SLaks提到的，CSS中沒有像jQuery's那樣的:first選擇器。但是，鑑於您的結構，您應該可以使用#product-guide-wrapper + .form-item-products。

Answer 2

:first-child只能匹配它的父的第一個子元素。
在你的例子中，那是#product-guide-wrapper。與jQuery不同，CSS沒有:first選擇器。