新增选择器

通过attr属性选择 E元素

规则
- E[attr = "value"]
  - 含attr属性且值等于value的 E元素
- E[attr != "value"]
  - 含attr属性且值不等于value的 E元素
- E[attr ^= "value"]
  - 含attr属性且值开头是value的 E元素
- E[attr $= "value"]
  - 含attr属性且值结尾是value的 E元素
- E[attr *= "value"]
  - 含attr属性且值内部包含value的 E元素

在一组兄弟中选择对应位置下类型为E的子元素

规则
- E:first-child
  - 位列第一且满足类型为E的子元素
- E:nth-child(n)
  - 位列第n且满足类型为E的子元素
    - n可取odd或even
- E:last-child
  - 位列最后且满足类型为E的子元素
- E:only-child
  - 选择唯一的类型为E的子元素
    - 只有一个E且无其他，才可用
注意
- 位置n是从1开始数
用例
- 给多个li元素上css属性

在一组兄弟中选择类型为E的子元素

规则
- E:first-of-type
  - 顺数第一个满足类型为E的子元素
- E:nth-of-type(n)
  - 顺数第n个满足类型为E的子元素
    - n可取odd或even
- E:last-of-type
  - 顺数最后一个满足类型为E的子元素
- E:only-child
  - 选择唯一的类型E的子元素
    - 只有一个E，但可有多个其他
注意
- 位置n是从1开始数

选择处于某种UI状态的元素

规则
- E:focus
  - 具有焦点的 E元素
    - 适用于表单元素和超链接
- E:checked
  - 被打上勾的 E元素
    - 适用于radio单选和checkbox多选
    - 对于select中的option兼容性差
- E:enabled 和 E:disabled
  - 可用/不可用的 E元素
- E:read-write 和 E:read-only
  - 可读写/只读的E元素
    - 在Firefox中需要加-moz-前缀
- E::selection
  - E中被鼠标拉过选中的文本内容
    - 注意是: 两个引号，表示伪元素
    - 在Firefox中需要加-moz-前缀
    - 如果省略E，代表应用到整个页面

其他伪类

规则
- :root
  - 选出<html> 根元素
- :empty
  - 选出中间是空的元素
- :target
  - 选出页面中的某个target元素
    - 就是<a>标签中href属性取为"#下面某元素id"的情况
- :not
  - 选出某元素之外的所有元素
    - 重点掌握
    - 比如ul li:not(:first)
      - 选出除了第一个的剩下所有，2.3.4。。。