CSS:not(:last-child):选择器之后

问题描述

如果不是选择器有问题,则可以设置所有选择器并覆盖最后一个选择器

@H_403_2@li:after { content: ' |'; } li:last-child:after { content: ''; }

或者如果您可以使用之前,则不需要最后一个孩子

@H_403_2@li+li:before { content: '| '; }

解决方法

我有一个元素列表,其样式如下:

ul {

    list-style-type: none;

    text-align: center;

}



li {

    display: inline;

}



li:not(:last-child):after {

    content:' |';

}


<ul>

    <li>One</li>

    <li>Two</li>

    <li>Three</li>

    <li>Four</li>

    <li>Five</li>

</ul>

输出One | Two | Three | Four | Five |代替One | Two | Three | Four | Five

有谁知道如何使用CSS选择除最后一个元素以外的所有元素?

您可以在此处查看:not()选择器的定义

猜你在找的技术问答相关文章

如何检查配对的蓝牙设备是打印机还是扫描仪(Android)
是否允许实体正文进行HTTP DELETE请求?
如何将ZipInputStream转换为InputStream?
java.util.logging Java 8中的变量
PowerMockito.doReturn返回null
Java中的RESTful调用
Swing / Java:如何正确使用getText和setText字符串
特殊字符和重音字符
Android Studio中的ndk.dir错误
错误“找不到主类”