Question

下面是动态生成的痕迹，现在我想通过更改颜色来显示最后一个单词，即hi man为活动，如何在不更改块中的任何内容的情况下执行此操作？

<span id="crumb">
   <a href="s">Tes 1</a>  &gt;&gt; 
   <a href="ogs/foods/541">Hello Boy</a> &gt;&gt; 
   <a href="d">hi man</a>
</span>


#crumb::a:last {
  color: #00f;
}

Fidlle

Answer 1

我建议：

#crumb a:last-child {
    /* style */
}

双冒号语法用于标识伪元素（::before / ::after），而不是后代;单冒号识别伪类，但:last不是CSS选择器（虽然Sizzle和jQuery）实现了这样的选择器。

参考文献：

CSS selectors, level 3。

Answer 2

使用CSS :last-child选择器。

示例

#crumb a:last-child { color: #00f; }

<强> DEMO

Answer 3

如果您不想使用伪元素（对于IE8以及它不支持之前），您可以使用以下jQuery代码段

$("#crumb:last-child").css("color", "red" );

检查这些链接，了解最后一次儿童浏览器支持Quirksmode，Caniuse

如何改变面包屑中出现的最后一个单词的颜色

3 个答案: