css le pseudoclassi：nth-​​of-type.css

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css le pseudoclassi：nth-​​of-type.css相关的知识，希望对你有一定的参考价值。

li:first-of-type {
	color: red;
}

li:last-of-type {
	color: red;
}

li:nth-of-type(odd) {
	color: red;
}

li:nth-of-type(2n+1) {
	color: red;
}

li:nth-of-type(even) {
	color: red;
}

li:nth-of-type(2n) {
	color: red;
}


li:nth-of-type(3) {
	color: red;
}


li:nth-of-type(n+4) {
	color: red;
}

li:nth-of-type(-n+3) {
	color: red;
}

li:nth-last-of-type(2) {
	color: red;
}

以上是关于css le pseudoclassi：nth-​​of-type.css的主要内容，如果未能解决你的问题，请参考以下文章

css CSS nth child http://css-tricks.com/useful-nth-child-recipies/

css选择器中，为啥nth

CSS选择器之:nth-child()和:nth-of-type()的使用

CSS3中:nth-child和:nth-of-type的区别深入理解

CSS3 Nth-child设置动态左侧位置[重复]

CSS :nth 选择器标题