CSS选择器权重

样式优先级

内联样式>内部样式>外部样式

选择器优先级

内联样式：1000

ID：100

类，属性，伪类：10

标签，伪元素：1

例子：

class为dd的li标签的背景色？

<span style="color:#666666;"><style>
ul li{
	background: green;
}
li{
	width:100px;
	background: red;
}
.dd{
	background: yellow;
}

li.dd{
	background: black;
}
li:last-child{
    background: purple;
}

</style>

<ul> 
	<li>哈哈哈</li>
	<li class="dd"></li>
</ul></span>

最后结果为purple;

它们分别权重为:

ul li:2,

li:1,

.dd:10,

li.dd:11,

li:last-child:11

其中li.dd和li:last-child权重一样都为11，如果li.dd在li:last-child后面，则会覆盖其颜色。

总结：

1.css选择器权值越大越优先显示

2.同样的权值后面会覆盖之前的定义

3.标有!important优先级最高，但在低版本IE浏览器下有问题