码迷,mamicode.com
首页 > Web开发 > 详细

CSS3选择器在HTML5中的使用

时间:2016-06-17 22:35:15      阅读:242      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!