CSS中的权值

本篇将介绍CSS中的权值。

在编写css的时候难免要涉及到覆盖之前的标签,在此时就会间接的使用到css中的权值

其实规则很简单:

1. 标签权值为1
2. 类的权值为10
3. ID的权值为100

举例说明一下:

p{color:red;} /*权值为1*/

p span{color:red;} /*权值为1+1=2*/

.boot{color:white;} /*权值为10*/

p span.boot{color:purple;} /*权值为1+1+10=12*/

#footer .boot p{color:yellow;} /*权值为100+10+1=111*/

当然你也可以用imprtant来覆盖所有其他的标签:

p{color:red!important;}