如何解决如何使用css在最后一个列表项的末尾添加感叹号
<ul>
<li><span>one</span></li>
<li><span>two</span></li>
<li><span>three</span></li>
<li><span>four</span></li>
<li><span>one</span></li>
<li><span>two</span></li>
<li><span>three</span></li>
<li><span>four</span></li>
</ul>
解决方法
您可以使用下面的代码轻松做到这一点
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
ul {
list-style: none;
margin: 0;
padding: 0;
}
li:last-child {
position: relative;
display: inline-block;
}
li:last-child::after {
content: "!";
position: absolute;
right: -10px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。