0
点赞
收藏
分享

微信扫一扫

css notes

Go_Viola 2022-01-20 阅读 71
css前端

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

在这里插入图片描述

举报

相关推荐

notes

TryHackMe Notes

Python Notes

ICPC-notes

The Notes for writing thesis -- 20220311

0 条评论