What is the use of couters function in css

This article mainly introduces what is the use of couters function in css. It is very detailed and has certain reference value. Friends who are interested must finish reading it.

1. The counters function must also be used with the content property to display CSS counters.

2. Counters is passed to the content attribute as a value, and the content attribute uses the: before pseudo element to display the counter as the generated content.

The difference between the counters () function and the counter () function (singular) is that the counters () function can be used to set nested counters.

Example

If you want nested counters to be separated by another character, for example, if you want them to appear as "1-1-2", you can use dashes instead of dots as string values:

Content:counters (counterName, "-") these are all the contents of the article "what's the use of couters functions in css?" Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!