一：查找元素

*　　所有元素

element　　该名称的所有元素（p，input）

#id　　拥有指定id属性的元素

.class　　拥有所有指定class属性的元素

selector1，selector2　　能匹配多个选择器的元素

二：基本选择器

div p　　一个元素是另一个元素的后代

div > p（parent > child）　　一个元素是另一个元素的直接子节点（可以在p后面使用*来指定元素的所有子元素）

div1 + div2（previous + next）　　相邻的兄弟选择器，只会选择紧跟在前一个元素之后的那一个元素

div1 ~ div2（previous + siblings）　　兄弟选择器会选中前一个元素的所有兄弟元素

三：基本筛选器

：not（selector）　　除选择器之外的所有元素（比如div：not（“#summary”））

：first　　除去元素中的第一个元素

：last　　除去元素的最后一个元素

：even　　选中元素中索引编号为偶数的元素

：odd　　选中元素中索引编号为奇数的元素

：eq（index）　　选中元素中索引编号为参数中指定数字的元素

：gt（index）　　选中元素中索引编号大于参数中指定数字的元素

：lt（index）　　选中元素中索引编号小于参数中指定数字的元素

header　　所有的<h1>到<h6>元素

：animated　　正在进行动画的元素

：focus　　当前拥有焦点的元素

四：内容筛选器

：contains（“text”）　　包含参数中指定文本的元素

：empty　　没有子节点的所有元素

：parent　　拥有子节点（文本或子元素）的元素

：has（selector）　　至少包含一个匹配选择器的元素（例如，div：has(p)）匹配所有包含<p>元素的div元素

五：可见性筛选器

：hidden　　所有隐藏的元素

：visible　　所有在页面布局中占据空间的元素

　　　　　　不会被选中的元素包括：display：none；height/width：0；祖先元素被隐藏；

　　　　　　会选中的元素：visibility：hidden；opacity：0；因为他们都会在布局中占据空间

六：子节点筛选器

：nth-child（expr）　　参数中的值是从1开始的索引

：first-child　　当前选中元素的第一个子节点

：last-child　　当前选中元素的最后一个子节点

：only-child　　当元素是父元素中唯一的子节点时

七：属性筛选器

[attribute]　　拥有指定属性的元素

[attribute=‘value’]　　拥有指定属性，并且值为指定值得元素

[attribute！=‘value’]　　拥有指定属性，并且值补位指定值得元素

[attribute^=‘value’]　　属性的值以特定的值开头

八：表单选择器

：input　　所有的input元素

：text　　所有文本类型的input元素

：password　　所有密码类型的input元素

：radio　　所有的单选按钮

：checkbox　　所有的复选框

：submit　　所有的提交按钮

：image　　所有的图片按钮

：reset　　所有的重置按钮

：button　　所有的<button>元素

：file　　所有的文件选择器

：selected　　下拉列表中所有被选中的列表项

：enabled　　所有可用的表单元素

：disabled　　所有被禁用的表单元素

：checked　　所有被选中的单选按钮或复选框