css - :first-child pseudo selector not targeting element

Question

我不明白为什么这个第一个 child 选择器不起作用。

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

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

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

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

谢谢大家，

瑞克

Answer 1

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

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