<ul> <li class="list">test1</li> <li class="list">test2</li> <li class="list">test3</li> <li>test4</li> </ul>
如何选择类名为“list”的“最后一个孩子”?
<style> ul li.list:last-child{background-color:#000;} </style>
我知道上面的例子不工作,但有什么类似的这个工作吗?
重要:
a)我不能使用ul li:nth-child(3),因为它可能发生在第四或第五位。
b)没有JavaScript。
任何帮助,将不胜感激,谢谢!
解决方法
我建议你利用这样的事实,你可以分配多个类到一个元素,如:
<ul> <li class="list">test1</li> <li class="list">test2</li> <li class="list last">test3</li> <li>test4</li> </ul>
最后一个元素的列表类像它的兄弟姐妹,但也有最后一个类,你可以使用它来设置你想要的任何CSS属性,像这样:
ul li.list { color: #FF0000; } ul li.list.last { background-color: #000; }