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

This article mainly shows you "how to use nth-of-type in CSS". The content is simple and clear. I hope it can help you solve your doubts. Let the editor lead you to study and learn this article "how to use nth-of-type in CSS".

How to use nth-of-type?

Let's first look at the specific description of nth-of-type and note that ":" (colon) is appended before "nth-of-type (2n)".

Li:nth-of-type (2n) {

}

The "n" in () indicates the order, and "2n" indicates that it is a multiple of 2.

You can also specify other numbers, such as "3n+1", "odd", "even" and so on.

Let's look at a concrete example.

HTML code

CSSnth-of-type 1 2 3 4 5 6 7

CSS code

Sample.css li:nth-of-type (2n) {color:#5bc0de;} li {margin:10px; font-size:120%;} these are all the contents of the article "how to use nth-of-type in CSS". 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!

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.