CSS3选择器在HTML5中的使用

1，有CLASS属性的input标记

Input[class]{

}

2,class属性是sm的元素

Input[class='sm']{}

3,  凡是class=sm的元素

[class='sm']{}

4，名字以sm开头的

Input[name^=sm]{}

5,名字以sm结尾的

Input[name$=sm]{}

6,名字包含sm的

Input[name*=sm]

伪类选择器

：hover

：link

：active

：visited

CSS3新增的伪类选择器

E:first-child  ：E的父元素的第一个子元素

E：last-child  ：E的父元素的最后一个子元素

E: nth-child(N): E的父元素的第N个元素

E:nth-last-child(n):E的父元素的倒数第N个元素

：root  类似于html ，文档根元素

 

伪对象选择器

：before   盒子内部前面加上一个行内显示的盒子

：after   盒子内部后面加上一个行内显示的盒子

必须和content结合使用

音频视频元素

1，音频

<audio src="muisc/anheqiao.mp3" autoplay="autoplay">不支持的播放格式</audio>

若无法播放显示标记中间的内容，

Autoplay 为自动播放

Controls为控制面板

2，视频

<video controls >

<source src="video/gaoxiao.mp4">

</video>