CSS笔记
CSS(层叠样式表)
简介
伪类
简介
开头为冒号的关键字:
:pseudo-class-name
:ntd-child
示例:
// 1.偶数行
// .main-box div:nth-child(2n){
// 或者使用even
.main-box div:nth-child(even){
background-color: gray;
}
// 2.奇数行
.main-box div:nth-child(2n+1){
// 或者使用odd
// .main-box div:nth-child(odd){
background-color: gray;
}
// 3.匹配前2个
.main-box div:nth-child(-n+2){
// 或者使用odd
// .main-box div:nth-child(odd){
background-color: gray;
}
// 4.匹配后2个
.main-box div:nth-child(n+5){
// 或者使用odd
// .main-box div:nth-child(odd){
background-color: gray;
}