伪类选择器:元素匹配过程
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>伪类选择器的参数</title>
</head>
<body>
<style>
/ 元素的选择只有两种情况:
选一个和选一组,算法(an+b)选一个时a为0,一组a为1
选单个 /
/ 选第三个(a=0 b=3)
.list>li:nth-of-type(3){background-color: rgb(184, 30, 30);}
} /
/ 选3行后边的 (a=1 b=3)
.list > li:nth-of-type(1n + 3) {
background-color: rgb(12, 35, 139);
} /
/ 选一组,奇偶数,a=2
偶:2n+0,奇:2n+1 ,/
/ 偶数的写法: /
/ .list > li:nth-of-type(2n) {
background-color: rgb(209, 23, 23);
} /
/ 奇数的写法: /
/ .list > li:nth-of-type(2n + 1) {
background-color: rgb(21, 201, 126);
} /
/ 快速的写法:奇:odd;偶:even /
</style>
</body>
</html>
更多相关文章
- MYSQL的存储过程和函数简单写法
- Android中四种OnClick事件的写法
- mysql类似oracle rownum写法实例详解
- 这种sql写法真的会导致索引失效吗
- android 工程源码下编译 Android.mk写法
- MySQL备份脚本的写法
- 详解mysql不等于null和等于null的写法
- 导致MySQL索引失效的一些常见写法总结
- 友盟推送android 8.0系统不显示推送消息问题