CSS3

• 选择器

  1. 属性选择器：属性是相对于标签而言，所谓属性选择器就是根据指定名称的属性的值来查找元素。
     · E[attr] 查找指定的拥有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标签

  2. 兄弟伪类
     · + 获取当前元素的相邻的满足条件的元素（1.相邻，2.必须是指定元素）
     · ~ 获取当前元素的满足条件的元素（1.必须是指定元素）

  3. 相对于父元素的结构伪类
     · E:first-child 查找E元素的父级元素中的第一个子元素
     · E:last-child 查找E元素的父级元素中的最后一个子元素
     · E:first-of-type （查找的时候限制类型：1.也是相对于父元素2.在查找的时候只会查找满足类型条件的元素）
     · E:last-of-type
     指定索引位置 e:nth-child(从1开始的索引 || 关键字 || 表达式)
     · E:nth-child(n) 第n个子元素（n:默认取值范围0~子元素的个数）
     · E:nth-child(even) 偶数子元素
     · E:nth-child(odd) 奇数子元素
     · E:nth-of-type(n) 第n个E元素
     · E:nth-of-type(even) 偶数E元素
     · E:nth-of-type(odd) 奇数E元素
     · E:nth-of-type(-n+5) 前5个E元素
     · E:nth-last-of-type(-n+5) 后5个E元素
     E:empty 空值：没有任何的内容，连空格都没有
     E:target 结合锚点使用，处于当前锚点的元素会被选中，可以为锚点目标元素添加样式，当目标元素被触发为当前锚链接的目标时调用此伪类样式

  4. 伪元素选择器
     · E::before
     · E::after
     · E::first-letter 文本的第一个字母或字
     · E::first-line 文本第一行，不能与 E::first-letter 一起用
     · E::selection 可改变选中文本的样式，不能设置内容大小