CSS 列表最后添加逗号或者分号
分类:实例代码
当然是使用css自动添加,并且最后一行不会添加逗号。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>犀牛前端部落</title> <style type="text/css"> ul li{ font-size:14px; list-style:none; } ul > li:not(:last-child)::after { content: ";"; } </style> </head> <body> <ul> <li>只有努力奋斗才会有美好的未来</li> <li>犀牛前端部落欢迎您,希望能够给大家提供需要的知识</li> <li>分享的精神和互助的胸怀是进步的最大源动力</li> <li>只有当前的时间才是最真实的,下一秒都是虚幻的</li> <li>每一天都是新的,要好好的珍惜</li> </ul> </body> </html>
上面的代码实现了我们的要求,比较简单,更多内容参阅相关阅读。
相关阅读:
(1).:not()参阅CSS E:not()一章节。
(2).:last-child参阅CSS E:last-child一章节。
(3).content参阅CSS content一章节。
CSS 列表最后添加逗号或者分号,这样的场景在实际项目中还是用的比较多的,关于CSS 列表最后添加逗号或者分号就介绍到这了。
CSS 列表最后添加逗号或者分号属于前端实例代码,有关更多实例代码大家可以查看。
