css - 为什么第一个子属性没有应用于 ol 的第二个实例？

Question

看看萤火虫或检查元素会发生什么......

这两个 OL 位于两个不同的 ID（#secondary_navigation 和 #secondary_navigation_bottom）下，但是分配给两个依赖 OL 的第一个子项的属性不会应用于第二个实例...

正如您在我链接的这个示例中看到的那样，第二个 OL 中的第一个孩子不是红色的，但所需的效果也会是那个红色。

关于出了什么问题的任何线索？

太感谢了。

Answer 1

以下代码将不起作用，因为第二个 old 下的 li 没有“first”类：

#secondary_navigation #breadcrumb li.first a span, #secondary_navigation_bottom #breadcrumb li.first a span{
    color: red;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

所以只需在第二项的 li 中添加一个“第一”类。这是一个有效的 JSfiddle：

http://jsfiddle.net/judeosborn/YhLxm/

第 15 行应如下所示：

请注意，现在有一个“第一”类。你的 JSFiddle 上没有。