CSS23选择器的权重

!DOCTYPEhtml

htmllang="zh"

head

metacharset="UTF-8"

titleDocument/title

style

/*

样式的冲突：当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同值时，此时就发生了样式的冲突

样式在发生冲突时，应用哪个样式由选择器的权重（优先级）决定

选择器的权重

内联样式1,0,0,0

id选择器0,1,0,0

类和伪类选择器0,0,1,0

元素选择器0,0,0,1

通配选择器0,0,0,0

继承的样式没有优先级

比较优先级时，需要将所有的选择器的优先级进行相加计算，最后优先级越高，则越先显示（分组选择器是单独计算的）

选择器的累加不会超过其最大的数量级，eg:类选择器再高也不会超过id选择器

如果优先级计算后相同，此时则优先使用靠下的样式

可以在某个样式的后面添加!important，则此时该样式会获取到最高的优先级，甚至超过内联样式

注意：开发中慎用!important

*/

.red

{

color:red!important;

}

#box

{

color:blue;

}

/style

/head

body

divid="box"class="red"我是div/div

/body

/html