如何使用不同的li类在ul-li列表中获得某个类的最后一个li

Question

我有ul-li list

<ul>
<li class="digit">1</li>
<li class="digit">2</li>
<li class="digit">3</li>
<li class="letter">A</li>
<li class="letter">B</li>
</ul>        

我可以使用纯css最后一个选择器＆＃39; .digit＆＃39;在列表中？ .digit的数量未知ul li.digit:nth-last-child(-n+1){ background: red; }无法正常工作

Answer 1

你可以使用：

.digit:nth-child(3) {color:red;}

＆＃13;

＆＃13;

.digit:nth-child(3) {color:red;}

＆＃13;

<ul>
<li class="digit">1</li>
<li class="digit">2</li>
<li class="digit">3</li>
<li class="letter">А</li>
<li class="letter">Б</li>
</ul>       

＆＃13;

＆＃13;

＆＃13;

但是，如果有未知数量的＆＃34;数字＆＃34;当你在评论中发帖时，你可能需要使用这样的一些javascript / jquery：

＆＃13;

＆＃13;

  $('.digit:last').addClass( "newclass" );

＆＃13;

.newclass {color:red;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul>
<li class="digit">1</li>
<li class="digit">2</li>
<li class="digit">3</li>
<li class="digit">4</li>
<li class="digit">5</li>
<li class="letter">А</li>
<li class="letter">Б</li>
</ul>

＆＃13;

＆＃13;

＆＃13;