css的多重样式优先级

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 > 浏览器默认样式

注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。