：第一个孩子伪选择器没有定位元素

问题描述：

我创建了一个的jsfiddle显示我的代码：http://jsfiddle.net/wDTvV/

基本上下面的CSS规则不工作：

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

有谁知道为什么吗？我搞砸了使用伪选择器的语法吗？

谢谢你们，

里克

答

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

正如SLaks提到的，CSS中没有像jQuery's那样的:first选择器。但是，鉴于您的结构，您应该可以使用#product-guide-wrapper + .form-item-products。

仍似乎没有工作...我用＃product-guide-wrapper + .form-item-products：第一个孩子 –

@Rick Donohoe：我在我的答案中说'使用'：first- child'？我说第一个孩子*是'＃product-guide-wrapper' *，所以你*不能在'.form-item-products'上使用'：first-child'。 – BoltClock

Ahhhhh美丽。接受：D –

答

:first-child只能匹配它的父的第一个子元素。
在你的例子中，那是#product-guide-wrapper。与jQuery不同，CSS没有:first选择器。