CSS3新增选择器汇总

属性选择器

• E[attr]
• E[attr=val]
• E[attr^=val] 开头
• E[attr$=val] 结尾
• E[attr*=val] 包含

结构伪类选择器

• E:first-child
• E:last-child
• E:nth-child(n),n可为even、odd、n、2n、2n+1
  以上三种先判断 后面的孩子，再判断是否为类型E的元素，若不是，则失效
• E:first-of-type
• E:last-of-type
• E:nth-of-type(n)
  以上三种先判断 后面的类型，再判断第几个

伪元素选择器

• E::before 在元素内部前面插入内容
• E::after 在元素内部后面插入内容
  1.before 和 after 创建一个元素，都是行内元素
  2.新创建的元素在DOM 书中找不到，所以称之伪元素
  3.必须有 content属性
  4.和标签选择器一样，权重为1