css3 伪类选择器基数 |查看自己的css报404

/* 选择偶数个元素 */
li:nth-of-type(even) {
background-color: #ccc;
}
/* 选择奇数个元素 */
li:nth-of-type(odd) {
background-color: #f1f1f1;
}
/* 选择第四个元素之前的所有元素 */
li:nth-of-type(-n+4) {
color: red;
}
/* 选择第五个元素之后的所有元素 */
li:nth-of-type(n+5) {
font-weight: bold;
}

在上面的代码中，大家可以看到基数选择器的四种用法。首先，大家可以使用 “even” 和 “odd” 来分别选择偶数和奇数个元素。其次，大家可以使用 “-n+x” 来选择前x个元素。最后，大家可以使用 “n+x” 来选择x个元素之后的元素。

CSS3 伪类选择器基数非常适合处理表格、列表等元素的样式。例如，在一个表格中，大家可以使用基数伪类选择器来隔行变色，以提高表格的可读性。

/* 隔行变色 */
tr:nth-of-type(even) {
background-color: #f1f1f1;
}
tr:nth-of-type(odd) {
background-color: #fff;
}

总之，CSS3 伪类选择器基数是CSS3中一种非常实用的选择器，可以帮助大家快速实现各种选取元素的需求。