Shulou(Shulou.com)06/01 Report--

This article mainly introduces how css uses counter () to automatically add serial numbers in the list, which has a certain reference value, and interested friends can refer to it. I hope you can learn a lot after reading this article.

Use counter () to automatically add sequence numbers to the list

Another feature already supported in CSS 2.1is counter (), which makes it easy to add serial numbers to page titles, blocks, and other consecutive page content. With it, you don't have to be limited to use to achieve this effect, you can use custom number sequences on the page more flexibly.

The point is that it's really simple: add counter () to the content attribute in the before pseudo class:

Body {counter-reset: heading;} h4:before {counter-increment: heading; content: "Heading #" counter (heading) "." } Thank you for reading this article carefully. I hope the article "how css uses counter () to automatically add serial numbers to the list" shared by the editor is helpful to everyone. At the same time, I also hope you can support us and follow the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.