css的多重样式优先级
如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。
例如,外部样式表拥有针对 aaa的三个属性:
#aaa{
color: red;
text-align: left;
font-size: 40px;
}
而内部样式表拥有针对 aaa的两个属性:
<style type="text/css">
#aaa{
text-align: right;
font-size: 14px;
}
</style>
浏览器显示的是这样:
可以看到颜色属性将被继承于外部样式表,而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。
其实css样式的优先级是
(内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式