伪类选择器
| 选择器 | 含义 |
|---|---|
| E:link | 匹配鼠标悬停在其上的E元素 |
| E:visited | 匹配所有已被点击的链接 |
| E:hover | 匹配所有未被点击的链接 |
| E:active | 匹配鼠标已经其上按下但还没有释放的元素 |
| E:focus | 匹配获得当前焦点的元素 |
| E:disabled | 匹配表单中禁用的元素 |
| E:checked | 匹配表单中被选中的radio或checkbox元素 |
| E:selection | 匹配用户当前选中的元素 |
| E:root | 匹配文档的根元素，对于HTML文档，就是HTML元素 |
| E:first-child | 匹配父元素的第一个子元素，等同于nth-child(1) |
| E:last-child | 匹配父元素的最后一个元素，等同于nth-last-child(1) |
| E:nth-child(n) | 匹配父元素的第n个子元素 |
| E:nth-last-child(n) | 匹配父元素的倒数第n个子元素 |
| E:only-child | 匹配父元素下仅有的一个子元素，等同于first-child；last-child；nth-child(1)；nth-last-child(1) |
| E:first-of-type | 匹配父元素下使用同种标签的第一个子元素，等同于nth-of-type(1) |
| E:last-of-type | 匹配父元素下使用同种标签的倒数第一个子元素，等同于nth-last-of-type(1) |
| E:nth-of-type(n) | 匹配父元素下使用同种标签的第n个子元素 |
| E:nth-last-of-type(n) | 匹配父元素下使用同种标签的倒数第n个子元素 |
| E:only-of-type | 匹配父元素下仅有的使用同种标签的一个子元素，等同于first-of-type；last-of-type；nth-of-type(1)；nth-last-of-type(1) |
- n的取值可以是：正整数；2n、2n+1……；odd、even
伪元素选择器
| 选择器 | 含义 |
|---|---|
| E:before | 在E元素之前插入生成的内容 |
| E:after | 在E元素之后插入生成的内容 |
| E:first-line | 匹配E元素内容的第一行 |
| E:first-letter | 匹配E元素内容的第一个字母 |
网友评论