我在样式上有问题。我想用不同的颜色来设置一个元素的样式，另一个要用nth-child设置样式。 范例： 在这里不起作用：
<ul class='categories'>
<li class='skip_class'>test</li>
<li>test</li>
<li>test</li>
</ul>
它在这里工作：
<ul class='categories'>
<li>test</li>
<li>test</li>
</ul>
.categories li.skip_class {
color: red;
}
.categories li:nth-child(1):not(.skip_class){
color: green;
}
.categories li:nth-child(2):not(.skip_class){
color: blue;
}
删除第n个孩子1和2，然后执行此操作。会起作用：
.categories li.skip_class {
color: red;
}
.categories li:nth-child(2):not(.skip_class){
color: green;
}
.categories li:nth-child(3):not(.skip_class){
color: blue;
}
第二个代码：
.categories li:nth-child(1){
color: green;
}
.categories li:nth-child(2){
color: blue;
}
1st child is always the 1st child even if u add skip-class also.
Must need to add n-child(2) for second child.
您的第n个孩子编号有误-将第n个孩子分别更改为2和3，然后可以正常工作：
.categories li.skip_class {
color: red;
}
.categories li:nth-child(2):not(.skip_class){
color: green;
}
.categories li:nth-child(3):not(.skip_class){
color: blue;
}
如果只使用第n个数字，也不一定不需要：not（.skip_class）位。
.categories li.skip_class {
color: red;
}
.categories li:nth-child(2){
color: green;
}
.categories li:nth-child(3){
color: blue;
}