jquery - 如何更改最后一个单词出现在面包屑中的颜色

Question

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

<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 .