Css 为什么第一个子属性未应用于ol的第二个实例?

Css 为什么第一个子属性未应用于ol的第二个实例?,css,html-lists,Css,Html Lists,查看firebug或inspect元素发生了什么 这两个OL位于两个不同的ID下(#secondary_navigation和#secondary_navigation_bottom),但是分配给这两个依赖OL的第一个子级的属性不会应用于第二个实例 正如您在我链接的示例中所看到的,第二个OL中的第一个子对象不是红色的,但期望的效果也是红色的 有什么不对劲的线索吗 非常感谢。以下代码将不起作用,因为第二个旧项下的li没有“第一”类: 所以只需在第二项的li中添加一个“first”类。下面是一个正在

查看firebug或inspect元素发生了什么

这两个OL位于两个不同的ID下(#secondary_navigation和#secondary_navigation_bottom),但是分配给这两个依赖OL的第一个子级的属性不会应用于第二个实例

正如您在我链接的示例中所看到的,第二个OL中的第一个子对象不是红色的,但期望的效果也是红色的

有什么不对劲的线索吗


非常感谢。

以下代码将不起作用,因为第二个旧项下的li没有“第一”类:

所以只需在第二项的li中添加一个“first”类。下面是一个正在工作的JSFIDLE:

第15行应该是这样的:


请注意,现在有一个“第一”类。这在你的JSFIDLE上是没有的。

请不要让我们的生活变得困难-如果系统告诉你在你的问题中包含小提琴上的代码,那么就这样做,不要让链接不可链接。我不明白这意味着什么,我试了很多次,但仍然无法发布,这就是为什么我让它不可链接。我是这个网站的新手,很抱歉,请参阅有关格式化代码的帮助。我还取消了你的几个问题,包括这一个,因为我注意到你在他们被回答后删除了他们-不要这样做,因为这实际上会使你更接近禁止提出新问题。使用post分数下面的复选标记来标记对您的问题的答案,而不是接受-这就是我们在网站上说谢谢的方式。太简单了。我的错!非常感谢。
#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;
}