CSS笔记

• CSS（层叠样式表）
• • 简介
  • 伪类
  • • 简介
    • :ntd-child

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;
}