Question

我有一个[bootstrap / opencart]生成的侧边栏导航，默认情况下它将当前类别和当前项目/产品标记为“活动”＆＃39;

如何获取标记为“活跃”的标记的最后一个孩子？ [所以我可以给他们一个不同的演示文稿]

见下文：

<div class="list-group">
    <a href="#" class="list-group-item">Road/Race (4)</a>
    <a href="#" class="list-group-item active">Off-Road (5)</a>
    <a href="#" class="list-group-item"> -> Aprilia (1)</a>
    <a href="#" class="list-group-item active"> -> BMW (0)</a>
    <a href="#" class="list-group-item"> ->Ducati (0)</a>
    <a href="#" class="list-group-item">Snow (0)</a>
    <a href="#" class="list-group-item">Downloads (0)</a>
</div>

我试过了：

.list-group-item:last-child.active {
    background: #000 !important;
}
.list-group-item.active:last-child {
    background: #000 !important;
}
/* with and without the !important */

两个选择器都不起作用。

正确的语法是什么？

Answer 1

它不漂亮，但也许是这样的：

.list-group-item.active ~ .active

我相信~将定位在第一个.active之后的任何.active。

如何在混合的选择器组

1 个答案: