选择器内的选择器（CSS）

Question

我正在运行选择器

.element a:after { content: url("...."); }

但是我想要确定的是它清除了：在最后一个类型之后，所以我想要这样的事情发生：

.element a:after:last-of-type { content: url("....") } /* Note that I am changing the image to a blank spacer */

我该怎么做？

马特

Answer 1

更改伪类/元素的顺序。将:last-of-type放在:after之前：

WORKING EXAMPLE HERE

.element a:last-of-type:after {
    content: url("....");
}

根据您在评论中发布的HTML结构：(example)

<ul id="breadCrumb">
    <li><a href="#">Dashboard</a></li>
    <li><a href="#">Home</a></li>
</ul>

您可以在:last-of-type元素上使用li：

#breadCrumb li a:after {
    content: url('....');
}

#breadCrumb li:last-of-type a:after {
    content: url("....");
}