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

我弄不明白为什么第一个孩子选择器不工作

我创建了一个JSFIDLE来显示我的代码：

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

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

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

谢谢各位

---

Rick

：第一个子元素只能与其父元素的第一个子元素匹配。

在您的示例中，这是
#产品指南包装

与jQuery不同，CSS没有
：first
选择器。
：first child
只能匹配其父元素的第一个子元素。

在您的示例中，这是
#产品指南包装

与jQuery不同，CSS没有
：first
选择器。
第一个子项不是
.form item products
，而是
#product guide wrapper
，因此您的选择器不匹配

正如SLaks所提到的，CSS中没有像jQuery那样的
：first
选择器。但是，根据您的结构，您应该能够使用
#product guide wrapper+.form item products
。
第一个子项不是
.form item products
，而是
#product guide wrapper
，因此您的选择器将不匹配

正如SLaks所提到的，CSS中没有像jQuery那样的
：first
选择器。但是，根据您的结构，您应该能够使用
#product guide wrapper+。改为使用表单项产品。
似乎仍然不起作用。。。我使用了#product guide wrapper+-child@Rick多诺霍：在我的回答中，我应该在哪里使用
：第一个孩子
？我说第一个孩子是
#产品指南包装纸
，所以你不能在
上使用
：第一个孩子
。表单项目产品
。啊啊啊啊啊，太漂亮了。已接受：DStill似乎不起作用。。。我使用了#product guide wrapper+-child@Rick多诺霍：在我的回答中，我应该在哪里使用
：第一个孩子
？我说第一个孩子是
#产品指南包装纸
，所以你不能在
上使用
：第一个孩子
。表单项目产品
。啊啊啊啊啊，太漂亮了。接受：D