css - :first-child 伪选择器不针对元素

Question

我无法理解为什么这个第一个孩子选择器不起作用。

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

基本上以下 CSS 规则不起作用：

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

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

多谢你们，

瑞克

Answer 1

:first-child只能匹配其父元素的第一个子元素。
在您的示例中，这是#product-guide-wrapper.

与 jQuery 不同，CSS 没有:first选择器。

Answer 2

第一个孩子不是 a .form-item-products，而是#product-guide-wrapper，因此您的选择器将不匹配。

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