第一个孩子影响里面的每个元素

Question

ul.idTabs:first-child :before  {
    border-top: none;
}

我不明白为什么上述风格会影响ul.idTabs内的每个元素。

我做错了吗？

其他一切正常，我只想为border-top: none内的第一个li:before设置ul.idTabs

Answer 1

试试这个：

ul.idTabs li:first-child:before  {
  border-top: none;
}

您需要识别第一个元素的标记。

Answer 2

尝试使用：

ul.idTabs li:first-child:before {
    border-top: none;
}

Answer 3

1. 你实际上是针对某些父母的第一个孩子的所有ul ..
2. 删除:before
之前的空白区域
3. 如果您不使用content伪类中的:before属性，它将不会呈现。 只有当您没有在更一般的规则中分配content属性时才会这样，例如ul.idTabs li（您可能已经做过......）

所以使用：

ul.idTabs li:first-child:before {
    content: ""; /*can be empty if you want*/
    border-top: none;
}

Answer 4

由于以上所有答案都给出了正确的答案：

尝试添加类似于“第一项”到第一项。然后它将在任何浏览器中工作，而不仅仅是新的浏览器。