How to use nth-of-type in css
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.
