css3新增的选择器

css3是css2的升级版本，它在css2的基础上增加了很多强大的功能，主流的浏览器都支持css3

前缀	浏览器
-webkit	谷歌和safari
-moz	firefox
-ms	ie
-o	opera

加前缀的目的是为了更好的兼容

css3的新的特性

css3新增的选择器

1. 关系选择器

   h1~p：选择h1元素后面的同级的p元素

2. 属性选择器

   选择器	介绍
   e[att]	选择具有attr属性的e的元素
   e[att='value']	选择具有attr等于value的e的元素
   e[att^='value']	选择具有attr属性并且值以value开头的e的元素
   e[att$='value']	选择具有attr属性并且值以value结尾的e的元素
   e[ett*='value']	选择具有attr属性并且值中含有value的e的元素

   基本用于表单元素

3. 伪类选择器

   选择器	介绍
   e:first:child	匹配父元素中的第一个元素
   e:last-child	匹配父元素中的最后一个元素
   e:nth-child(n)	匹配父元素中任意一个元素 n从1开始
   e:first-of-type	指定类型的第一个
   e:last-of-type	指定类型的最后一个
   e:nth-of-type(n)	指定类型的第n个元素
   ：root	跟选择器，匹配e元素所在的文档的根元素
   ：not	否定选择器，选择除某个元素之外的所有的元素
   ：empty	选择没有任何内容的选择器
   ：target	目标选择器，匹配文档中url某个标识符的目标元素，鼠标点击后会变化
   ：only-child	父元素中只有一个子元素并且只有唯一的一个子元素
   ：only-of-type	选择的是一个元素是他父元素的唯一的相同类型的子元素
   ：enabled	表单元素的状态可用
   ：disabled	表单元素的状态不可用
   ：checked	选中的状态
   ：read-only	用于指定只读元素的样式，元素上需要设置readonly=“readyonly"
   :read-write	用于指定元素处于非只读的状态的样式

   odd表示奇数

   even表示偶数

4. 伪元素选择器

选择器	介绍
::before	在元素的内部的前面插入内容
::after	在元素的内部的后面插入内容
::placeholder	在改变表单元素中提示文字的样式