css 优先级

/*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*/