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

This article will explain in detail how to use nth-of-type in css. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

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.

The code is as follows

HTML code

CSSnth-of-type

one

two

three

four

five

six

seven

CSS code

Sample.css

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

Color:#5bc0de

}

Li {

Margin:10px

Font-size:120%

}

This is the end of this article on "how to use nth-of-type in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

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.