：第一个子伪选择器不是目标元素

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

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

正如SLaks所提到的，CSS中没有:first选择器，就像jQuery一样。但是，根据您的结构，您应该能够使用#product-guide-wrapper + .form-item-products。