What is the influence of display and visibility on the counter?

Today, I would like to share with you the relevant knowledge about the impact of display and visibility on the counter. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

The influence of display and visibility on counter

Display: none; has an effect on counters

If an element is hidden, the element does not participate in the calculation of the counter

Visibility: hidden; has no effect on counters

If an element is hidden, the element still participates in the calculation of the counter

Does not affect counter 1

Does not affect counter 2

Does not affect counter 3

Does not affect counter 4

Influence counter 1

Influence counter 2

Influence counter 3

Influence counter 4

Ol {

Background-color: mistyrose

Margin-top: 10px

}

. second-li {

Visibility: hidden

}

. li-er {

Display: none

}

These are all the contents of the article "what is the impact of display and visibility on counters?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.