html5 - 关于css伪类选择器中：nth-of-type(n) 选择器

Question

谁能够解释下下面图片中的 :nth-of-type(4n+1) :nth-of-type(n) 这样的选择器？？

怪我咯 · Answer

:nth-of-type(n) only counts child elements of a certain type specified in the parent element
"n" is its parameter, and can be an integer value (1,2,3,4), It can also be expressions (2n+1, -n+5) and keywords (odd, even), but the starting value of parameter n is always 1, not 0. In other words, when the value of parameter n is 0, the selector will not select any matching elements.

伊谢尔伦 · Answer

This brother explained it very well, so I won’t move it and look at the difference between CSS3 selectors:nth-child and :nth-of-type for myself

高洛峰 · Answer

It’s best to check MDN for this kind of problem

https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-of-type

怪我咯 · Answer

CSS selectors:nth-child(n) and:nth-last-of-type(number)

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial