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

Question

在此处输入图像描述

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

我不明白为什么上面的样式会影响里面的每个元素ul.idTabs。

难道我做错了什么？

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

score 3 · Accepted Answer

试试这个：

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

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

score 2 · Accepted Answer

2

尝试使用：

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

于 2013-09-30T19:54:22.123 回答

score 2 · Accepted Answer

您实际上针对的是所有ul父母的第一个孩子..
删除之前的空格:before
如果您不在伪类中使用该content属性:before，它将不会呈现。仅当您尚未content按照更一般的规则分配属性时，例如ul.idTabs li（您可能已经这样做了..）

所以使用：

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

score 1 · Accepted Answer

由于上述所有答案已经在这里为您提供了正确的答案，因此有所不同：

尝试在第一项中添加一个类，例如“first-item”。然后它将在任何浏览器中运行，而不仅仅是新浏览器。

4 回答 4