1. 根伪类 :root 整个html背景色: 淡青色
2. 第1个子元素、最后1个子元素、第2个子元素、倒数第2个子元素
li:first-child li:last-child li:nth-child(2) li:nth-last-child(2)
【列表1】三大web编程语言
- php
- java ee (第2个子元素颜色是金色，倒数第2个子元素颜色是紫红，本项既是第2项也是倒数第2项，但倒数定义在后优先----所以该项的颜色紫红)
- .net(C#)
【列表2】2016年各大主流编程语言平均薪资排行榜
- C语言 平均薪资15000+ 岗位需求1%
- C++ 平均薪资13000+ 岗位需求10%
- OC+swift 平均薪资12000+ 岗位需求15%
- javaME 平均薪资10000+ 岗位需求20% android、移动设备嵌入式开发
- javaEE 平均薪资9000+ 岗位需求50% web、软件、企业级开发。
- C# 平均薪资8000+ 岗位需求10% windows平台、游戏、软件开发
- python 平均薪资7000+ 岗位需求5% web、软件、后台开发
- PHP 平均薪6000+ 岗位需求20% web、后台级开发
3. 排行奇数子元素、排行偶数子元素、孤独子元素
tr:nth-child(odd) tr:nth-child(even) tr:only-child
学生信息表
| 姓名 |
性别 |
年龄 |
| 马千里 |
男 |
21 |
| 牛冲天 |
男 |
22 |
| 云在上 |
男 |
21 |
| 水在地 |
男 |
22 |
| 人数合计 |
2 |
4. 三色逐行交替文本颜色、奇偶交替背景、孤独行单独颜色
tr:nth-child(3n+1) tr:nth-child(3n+2) tr:nth-child(3n+3) tr:only-child
学生信息表
| 姓名 |
性别 |
年龄 |
| 马千里 |
男 |
21 |
| 牛冲天 |
男 |
22 |
| 云在上 |
男 |
21 |
| 水在地 |
男 |
22 |
| 云在上 |
男 |
21 |
| 水在地 |
男 |
22 |