CSS--基础结构层叠

权值：通配符*的权值为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;}

/*文本会显示红色*/

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

巴特西

CSS--基础结构层叠

最新文章

热门文章