css区间选择器 |常用的100个css属性

在CSS区间选择器中，大家可以使用“：not()”、“:nth-child()”、“:nth-last-child()”、“:first-child”、“:last-child”等众多选择器来指定选取的元素，从而实现样式控制。下面是一些具体的例子：

/* 选取class为list下第二个及其之后的元素 */
.list ~ li:nth-child(n+2) { 
background-color: red;
}
/* 选取class为list下第3个至第5个元素 */
.list ~ li:nth-child(n+3):nth-child(-n+5) { 
background-color: blue;
}
/* 选取class为list下最后一个元素 */
.list ~ li:last-child { 
background-color: green;
}

使用CSS区间选择器，大家可以快速、方便地对网页进行样式控制，极大地提高了大家的开发效率。但是需要大家掌握其使用方法，并避免过度使用，以免造成代码可读性差、维护困难等问题。