HTML5新标签和CSS伪类

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

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值里面的内容

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

你可能感兴趣的:(HTML5新标签和CSS伪类)