首页 > Web开发 > 详细

CSS3选择器在HTML5中的使用

时间:2016-06-17 22:34:42      阅读:310      评论:0      收藏:0      [点我收藏+]

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>

 

CSS3选择器在HTML5中的使用

原文:http://www.cnblogs.com/black-humor/p/5595240.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!