CSS--基础结构层叠

Posted 2020-07-03 Heroine.z

权值：通配符*的权值为0，标签和伪元素的权值为1，类选择符，属性选择器或伪类的权值为10，ID选择符的权值为100，内联样式最高为1000。还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1有的认为没有权值，所以可以理解为继承的权值最低（大多数框架模型属性（包括外边距，内边距，背景和边框）都不能继承）。我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，可以使用!important来解决。

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，可以使用!important来解决。(!important要写在分号的前面)

p{color:red!important;}
p{color:green;}
/*文本会显示红色*/

权值相等的情况下：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。