CSS权重——发现样式正确但不起效果时，就要考虑规则的权重问题

什么是权重？

当很多的规则(样式)被应用到元素时，权重是一个决定那种规则生效，或者优先级的过程

样式权重的计算时相加关系，值越高，权重越高，优先级越大

权重等级与权值

行内样式（1000）>id选择器（100）>类，属性选择器和伪类选择器（10）>元素和伪元素（1）>*通配符(0)

最高：!important加在样式属性值后，权重值为 10000（尽量不要使用）

行内样式（1000）

<p style="color: #000000;">行业样式</p>

id选择器（100）

#id{
    color: #000000;
}

类，属性选择器和伪类选择器（10）

.class{
		color: #000000;
}
.class:hover{
		color: #017FCB;
}

元素和伪元素（）

div{
	color: #000000;
}
div:before{
	color: #017FCB;
}

通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）（0）

*{
	padding: 0;
}