| 选择器 | 说明 |
| E[attr^="xxx"] | 选择元素E，其中E元素的attr属性是以xxX开头的任何字符 |
| E[attr$="xxx”] | 选择元素E，其中E元素的attr属性是以xxX结尾的任何字符 |
| E[attr*="xxx"] | 选择元素E，其中E元素的attr属性是包含xXX的任何字符 |
| 选择器 | 说明 |
| E:first-child | 选择父元素下的第一个子元素(该子元素类型为E，以下类同) |
| E:last-child | 选择父元素下的最后一个子元素 |
| E:nth-child(n) | 选择父元素下的第n个子元素或奇偶元素，n取值有3种:数字、odd（奇数列）和even（偶数列），其中n从1开始。 |
| E:only-child | 选择父元素下唯一的子元素，该父元素只有一个子元素 |
| E:first-of-type | 选择父元素下的第一个E类型的子元素 |
| E:last-of-type | 选择父元素下的最后一个E类型的子元素 |
| E:nth-of-type(n) | 选择父元素下的第n个E类型的子元素或奇偶元素，n取值有3种数字、odd（奇数列）和even（偶数列），n从1开始 |
| E:only-of-type | 选择父元素下唯一的E类型的子元素，该父元素可以有多个子元素 |
| 选择器 | 说明 |
| :focus | 定义元素获取焦点时使用的样式。 |
| ::selection | 定义页面中被选中文本的样式。 |
| :checked | 定义页面中被选中文本的样式。 |
| :enabled | 定义表单元素“可用”时的样式 |
| :disabled | 定义表单元素“禁用”时的样式 |
| :read-write | 定义表单元素“可读写”时的样式 |
| :read-only | 定义表单元素“只读”时的样式 |
| :root | 选择HTML页面的根元素<html></html>。 |
| :empty | 选择一个“不包含任何子元素和内容”的元素即空元素。 |
| :target | 选取页面中的某一个target元素。target元素指的是id被当成页面的锚点链接来使用的元素。 |
| :not() | 选取某一个元素之外的所有元素。 |