Get the App
SLTechnology News&Howtos  ›  Development  › 

How css separates lists with commas

Shulou Source: shulou.com Published: 2022-06-01 06:08:51 10月01日 Update

Editor to share with you how css uses commas to separate the list, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

Comma separated list

Make each item of the list separated by a comma:

Ul > li:not (: last-child): after {content: ",";}

Since the last item does not add a comma, you can use: not () pseudo class.

Note: this technique is not ideal for accessibility, especially for screen readers. And copy and paste will not take away the content generated by CSS, which needs to be noted.

The above is all the content of the article "how css separates the list with commas". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Tags: Commas content articles not much most screens skills more ideals knowledge industry information information channels readers channels references learning help generation Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno NVidia Apple Shulou Tech Info Shulou Technology Xiaomi