目标最后活跃的李

Question

任何人都建议我如何在li last active class中添加CSS

<ul>
    <li class="active"></li>
    <li class="active"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

Answer 1

如果您只有两个课程处于活动状态，则可以使用.active ~ .active { ... } 还有JS尝试类似的东西：

var x = document.getElementsByClassName("active");
x[x.length - 1].style.backgroundColor = "red";

<ul>
<li class="active"></li>
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>