. 基本css选择器
| 选择器 | 描述 |
| * | 匹配任何元素 |
| E | 匹配标签名称为E的所有元素 |
| E F | 匹配标签名称为F,作为E的后代节点的所有元素 |
| E>F | 匹配标签名称为F,作为E的直接子节点的所有元素 |
| E+F | 匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着) |
| E~F | 匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨着) |
| E:has(F) | 匹配标签名称为E,至少有一个标签名称为F的后代节点的所有元素 |
| E.C | 匹配带有类名C的所有元素E. .C等效于*.C |
| E#I | 匹配id特性值为I的元素E. #I等效于*#I |
| E[A] | 匹配带有特性A的所有元素E(不管特性A的值是什么) |
| E[A=V] | 匹配所有元素E,其特性A的值正好是V |
| E[A^=V] | 匹配所有元素E,其特性A的值以V开头 |
| E[A$=V] | 匹配所有元素E,其特性A的值以V结尾 |
| E[A*=V] | 匹配所有元素E,其特性A的值包含V |
2. 位置选择器
| 选择器 | 描述 |
| :first | 页面的最先的匹配.li a:first返回最先的,并且在li下的链接 |
| :last | 页面的最后的匹配.li a:last返回最后的,并且在li下的链接 |
| :first-child | 最先的子元素.li:first-child返回每个列表的最先的项 |
| :last-child | 最后的子元素.li:last-child返回每个列表的最后的项 |
| :only-child | 返回没有兄弟节点的所有元素 |
| :nth-child(n) | 第n个子节点(n从1开始). li:nth-child(2)返回每个列表的第2个li项 |
| :nth-child(even|odd) | 偶数或奇数的子节点. li:nth-child(even)返回每个序列的偶数子节点 |
| :nth-child(Xn+Y) | 根据传入的公式计算的第n个子节点.如果Y为0,则忽略Y.n从0开始,且X不等于0. li:nth-child(3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项. |
| :even|odd | 页面范围内偶数或奇数的匹配元素. li:even返回全部偶数li项 |
| :eq(n) | 第n个匹配元素(n从0开始) |
| :gt(n) | 第n个匹配元素(不包括)之后的元素(n从0开始) |
| :lt(n) | 第n个匹配元素(不包括)之前的元素(n从0开始) |
3. 自定义的筛选选择器
| 选择器 | 描述 |
| :animated | 选择当前处于动态控制之下的元素 |
| :button | 选择任何按钮 (input[type=submit],input[type=reset],input[type=button]) |
| :checkbox | 只选择复选框元素 (input[type=checkbox]) |
| :checked | 只选择已选中的复选框或单选按钮(为css所支持) |
| :contains(foo) | 只选择包含文本foo的元素 |
| :disabled | 只选择在界面上已经禁用的表单元素 (为css所支持) |
| :enabled | 只选择在界面上已经启用的表单元素 (为css所支持) |
| :file | 选择所有文件元素 (input[type=file]) |
| :header | 只选择标题元素(h1,h2,…,h6) |
| :hidden | 只选择隐藏元素 |
| :image | 选择表单图像元素 (input[type=image]) |
| :input | 只选择表单元素 (input, select, textarea, button) |
| :not(filter) | 根据指定的筛选器进行求反 |
| :parent | 只选择拥有后代节点 (包括文本)的元素,而排除空元素 |
| :password | 只选择口令元素 (input[type=password]) |
| :radio | 只选择单选按钮元素 (input[type=radio]) |
| :reset | 选择复位按钮元素 (input[type=reset] 或 button[type=reset]) |
| :selected | 选择已选中的选项元素 |
| :submit | 选择提交按钮元素 (input[type=submit] 或 button[type=submit]) |
| :text |
只选择文本字段元素 (input[type=text]) |
| :visible | 只选择可见元素 |