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

css选择器种类

时间:2017-09-10 15:09:55      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:key   开头   hello   title   包括   并且   value   font   1.5   

选择器种类

1.ID选择器

<div id="one"></div>
#one{}
2.类选择器
<div class="one"></div>
.one{}
3.标签选择器
<div>dsd</div>
div{}
4.普遍选择器
*{} 所有的
div * div后代所有的元素
5.嵌套选择器
div.one
<div class="one"></div>
6.组合选择器
div,.one,#two{}
7.子代选择器
空格 后代
div *
> 子代
+ 下一个兄弟节点
div+p
div
p 选到这个
span
p
~ 之后的所有兄弟
div~p
div
p
span
p

选到的是所有的
p span p
8.属性选择器
带有某个属性的选择器[one] [title]等
[key=value] 属性名=属性值的标签
div[title=hello]
<div title="hello"></div>
[key^value]选中属性名并且属性值以value开头的
div[title^=o]
<div title="one"></div>
<div title="two"></div>
[key$=value]选中属性名以value结尾的
[key*=value]
选中属性名并且包含value的
[key~=value]
选中属性名并且有一个值为value的
针对class选择的
9.伪类选择器
包括子代选择器、状态选择器、伪元素选择器

css选择器种类

标签:key   开头   hello   title   包括   并且   value   font   1.5   

原文地址:http://www.cnblogs.com/lhx2017/p/7500990.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!