有了：not这个选择符，那么你将可以很好的处理类似这样的场景：假定有个列表，每个列表项都有一条底边线，但是最后一项不需要底边线。
示例：
html:
<ul>
<li>111111111111</li>
<li>211111111111</li>
<li>311111111111</li>
<li>411111111111</li>
</ul>css:
//给该列表中除最后一项外的所有列表项加一条底边线
ul>li{
width: 8%;
color: #36a592;
list-style: none;
}
ul>li:not(:last-child){
border-bottom: 2px solid #8f36a5;
}效果：
文章来源：https://www.toymoban.com/news/detail-677285.html
文章来源地址https://www.toymoban.com/news/detail-677285.html
到了这里，关于css-伪类:not实现列表最后一项没有样式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[vue]v-for循环出的列表如何实现每一项单独展开收起](https://imgs.yssmx.com/Uploads/2024/02/532088-1.png)
