CSS-选择器

基本过滤选择器

odd 表示奇数，也可以使用2n+1表示

even 表示偶数，也可以使用2n表示

下面给出所有的基本过滤选择器

:first  描述：选取第一个元素  返回值：单个元素
:last   描述：选取最后一个元素  返回值：单个元素
:not(selector)  描述：选取去除所有与给定选择器匹配的元素  返回值：集合元素
:even  描述：选取索引是偶数的所有元素(index从0开始)  返回值：集合元素
:odd  描述：选取索引是奇数的所有元素(index从0开始)  返回值：单个元素
:eq(index)  描述：选取索引等于index的元素(index从0开始)  返回值：集合元素
:gt(index)  描述：选取索引大于index的元素(index从0开始)  返回值：集合元素
:lt(index)  描述：选取索引小于index的元素(index从0开始)  返回值：集合元素
:header  描述：选取所有标题元素  返回值：集合元素
:focus  描述：选取当前获取焦点的元素  返回值：集合元素
:empty 可以选中空的，比如空的<div>
:parent 选取不为空的元素
:has(class or 元素) 选取含有参数的元素
div[id] 表示选中有标记id的div
div[class = 'aaa'] == div.aaa
div[class != 'aaa'] 获取class不为aaa的div元素
div[class $= 'b'] 获取class以b结尾的元素,div可为其他元素

#表单选择器
## 基本表单选择器

:input 选取所有input、textarea、select和button元素
:text 选择所有单行文本框，即 type = text
:button 选择所有普通按钮，即 type = password
:submit 选取所有提交按钮，即 type = radio
:radio 选择所有单选框，即 type=checkbox
:checkbox 选择所有复选框，
:reset 选取所有重置按钮
:image 选择所有普通按钮
:file 选择所有文件按钮
:hidden 选择所有不可见字段

高级表单选择器（表单过滤选择器）

:enabled 选取所有可用元素
:disabled 选取所有不可用元素
:checked 选取所有被选中的元素。单选和复选字段
:selected 选取所有被选中的元素，下拉列表