css3选择器
1、CSS3属性选择器
[attribute] [target]选择所有带有target属性元素
[attribute=value] [target=-blank]选择所有使用target="-blank"的元素
[attribute^=value] a[src^="https"]选择每一个src属性的值以"https"开头的元素
[attribute$=value] a[src$=".pdf"]选择每一个src属性的值以".pdf"结尾的元素
[attribute*=value] a[src*="runoob"]选择每一个src属性的值包含子字符串"runoob"的元素 元素值匹配。
2、CSS3伪类选择器
:nth-child(n) p:nth-child(2)选择每个p元素是其父级的第二个子元素 父类的2个元素要是标签，不是则不匹配。
:nth-last-child(n) p:nth-last-child(2)选择每个p元素的是其父级的第二个子元素，从最后一个子项计数
:nth-of-type(n) p:nth-of-type(2)选择每个p元素是其父级的第二个p元素 父元素后的第二个p元素
:nth-last-of-type(n) p:nth-last-of-type(2)选择每个p元素的是其父级的第二个p元素，从最后一个子项计数
:last-child p:last-child指定只有选择每个p元素是其父级的最后一个子级。
:first-child p:first-child指定只有当<p>元素是其父级的第一个子级的样式
3、CSS3伪元素选择器
是一个行内元素，需要转换成块:display:block float:**position:。
Before 与 after
必须添加content,哪怕不设置内容，也需要content:””。
E:after、E:before在旧版本里是伪类，在新版本里是伪元素，新版本下E:after、
E:before会被自动识别为E::after、E::before，按伪元素来对待，这样做的目的是用来做兼容处理。
:first-letter p:first-letter选择每一个<P>元素的第一个字母或者第一个汉字
:first-line p:first-line选择每一个<P>元素的第一行
:before p:before在每个<p>元素之前插入内容 使用contant插入内容
:after p:after在每个<p>元素之后插入内容