码迷,mamicode.com
首页 > 其他好文 > 详细

样式选择器

时间:2017-06-05 00:18:17      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:多个   font   text   显示   选择   css   命名   选择器   vcl   

1.标签名选择器     div { color:Red;}         /即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示

选择器的优先级
1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)<div style="color:Red;"></div>
2.次优先级是(ID选择器 ,假设级别为100) #myDiv{color:Red;}

3.其次优先级是(类选择器,假设级别为10) .divClass{color:Red;}
4.最后优先级是 (标签选择器,假设级别是 1)  div{color:Red;}

样式选择器

标签:多个   font   text   显示   选择   css   命名   选择器   vcl   

原文地址:http://www.cnblogs.com/skyhatge/p/6942337.html

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