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

css 优先级

时间:2020-08-13 12:22:08      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:red   one   样式   imp   nbsp   import   ant   col   gre   

/*div {
color: red;
}*/
/*标签选择器 权重 0,0,0,1 小组长*/
div {
color: pink!important;
}
/*类选择器 权重 0,0,1,0 班长*/
.one {
color: blue;
}
/*id 选择器 权重 0,1,0,0 班主任*/
#two {
color: green;
}
/*style= 行内样式表 权重 1,0,0,0 校长*/
/*!important 在样式属性的后面添加 权重最高 ∞ 教育局局长*/

 

 

/*出现了权重叠加的现象 */
/*.nav a 权重 0,0,1,0 + 0,0,0,1 = 0,0,1,1 */
.nav a {
color: red;
}
/*.first 权重 0,0,1,0*/
/*.first {
color: pink;
}*/
/*0020*/
.nav .first {
color: pink;
}


/*0,0,0,5 +
0,0,0,5 =
0,0,0,10*/

 

css 优先级

标签:red   one   样式   imp   nbsp   import   ant   col   gre   

原文地址:https://www.cnblogs.com/eric-share/p/13493263.html

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