ＣＳＳ的选择器

基本选择器

1. 通配符选择器：*；

2. 元素选择器：元素标签；

3. class 选择器：相当于身份证上的名称；

4. id 选择器：相当于身份证号（唯一性）；

1. 多元素选择器 E,F 选择所有E元素或者F元素；

2. 后代选择器 E F 选择所有属于E元素后代的F元素，即E元素的下n级元素F；

3. 子元素选择器 E > F 选择所有E元素的子元素F，即E元素的下一级元素F；

4. 毗邻选择器 E + F 选择所有紧随E元素的同级元素F，即跟在E后面的第一个兄弟元素；

1. [att] 选择所有具有att属性的元素；

2. [att=val] 选择所有att属性等于val的元素；

3. [att~=val] 选择所有att属性包含val或者等于val的元素，val为一个单独的词；

4. [att|=val] 选择所有att属性为val或者val-开头的元素；

5. [att1][att2=val] 选择所有拥有att1属性同时具有att2等于val的元素；

6. [att=val]* 选择所有att属性包含val的元素，val可以为一个词中的一部分；

7. [att^=val] 选择所有att属性以val开头的元素，val可为一个词中的一部分；

8. [att$=val] 选择所有att属性以val结束的，val可以为一个词中的一部分；

1. 伪类选择器:link , :visited , :hover , :active;( 可查看上一随笔：伪元素与伪类 )

2. 伪元素选择器:before , :after;

3. E:target 当a标签获取焦点href=""所对应的E元素锚点；

4. E:disabled 表示不可点击的表单控件；

5. E:enabled 表示可点击的表单控件；

6. E:checked 表示已选中的checkbox或radio；

7. E:first-line 表示E元素集合中的第一行；

8. E:first-letter 表示E元素中的第一个字符；

9. E::selection 表示E元素在用户选中文字时；

10. E:not(selector) 选择非selector选择器的每个元素；

11. E~F 表示E元素后的所有兄弟F元素。

1. E:nth-child(n) 表示E父级的所有子元素集合中的第n个子节点（2n(even)匹配偶数行，2n-1(odd)匹配奇数行）；

2. E:nth-last-child(n) 表示E父级所有子元素（从后向前）集合中的第n个子节点；

3. E:nth-of-type(n) 表示E父级的子元素E的集合中第n个节点（区分标签类型）；

4. E:nth-last-of-type(n) 表示E父级的子元素E（从后向前）集合中的第n个子节点（区分标签类型）；

5. E:empty 表示E元素中没有子节点（不能有空格、回车），子节点包含文本节点；