HTML5新标签和CSS伪类

HTML5提供了很多新的标签，由于HTML5的兼容性比较差，HTML5的标签常用于手机端 

更多HTML5新标签可以看W3Cschool

CSS3结构伪类选择器

:first-child 选中第一个元素

:last-child 选中最后一个元素

:nth-child(n) 选中第几个元素 其中n除了填写数字代表第几个元素外，填写n代表选择所有元素，2n代表选择所有偶数元素，2n-1代表选择所有奇数元素，even代表选择偶数元素，odd代表选择奇数元素

4n代表选择4的倍数的元素。。。。。

CSS3属性选择器

div[class] 选择div标签所有有类的元素

div[class^=test] 选择div标签的类的名字以test开头的元素

div[class$=test] 选择div标签的类的名字以test结尾的元素

CSS3伪元素选择器

p::first-letter 选中段落第一个字

p::first-line 选中段落第行字

p::selection 鼠标选中时段落的元素变化

 

！！！！！！重点！！！！！！！

p::after 和p::before（必须带content值）

::after在元素内部的后面插入content值里面的内容

::before在元素内部的前面插入content值里面的内容

其中插入的为一个行内元素盒子