css选择器优先级计算

1. css选择器的优先级

!important > inline > id > class > tag > * > inherit > default

2. 了解css选择器各权重的值

1. !important：大于其他
2. 行内： 权重值 1000
3. id选择器： 权重值 100
4. 类，伪类和属性选择器，如.content： 权重值 10
5. 类型选择器和伪元素选择器：权重值 1
6. 通配符、子选择器、相邻选择器：权重值 0

3. 通过权重值计算css选择器优先级

例如：

1：
#box p{
	权重值为 100+1
}

div p{
	权重值为：1+1  
}

网页中显示的就#box p{...}中添加的样式。

2：
#box .text{
	权重值：100+10
}
#box p{
	权重值：100+1
}

所以网页中显示的就#box .text{...}中添加的样式。

4. 最后的总结

给标签添加样式时先根据css优先级规则： !important>行间样式 > id选择器 > class选择器||属性选择器 > 标签选择器 > 通配符选择器。 在计算权重值。