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

Question

查看firebug或inspect元素会发生什么......

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

正如你在本例中我所看到的那样，第二个OL中的第一个孩子不是红色，但是期望的效果也是红色。

有什么问题的任何线索？

非常感谢你。

Answer 1

以下代码无效，因为第二个旧版本下的li没有“第一”类：

#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。