CSS继承、层叠、优先级

概述
CSS有三个非常重要的特性：继承性、层叠性与优先级。
1.继承性
CSS的继承性是指书写CSS样式时，子元素会自动继承为父元素设置的某些属性。

父元素 子元素 

	
<p style="color:red;">
	父元素
	<!-- 子元素并未单独设置字体颜色 -->
	<span>子元素</span>
</p>
2.层叠性
使用相同的选择器为同一个元素设置相同的声明时，一个声明会覆盖另一个有冲突的声明。层叠性主要解决声明冲突的问题，其原则是哪个声明书写在最后就执行哪个声明。

文字内容

	
/*先声明字体为红色*/
#cascading{
	color: red;
}
/*再声明字体为绿色*/
#cascading{
	color: green;
}
3.优先级
(1) 选择器的优先级： 内联样式>id选择器>类选择器（伪类选择器、属性选择器）>标签选择器（伪元素选择器）>通配符选择器 (2) !important权重最大 CSS样式属性中有“!important”标识的优先级最高 (3) 复合选择器的权重叠加 对于由多个基础选择器构成的复合选择器（并集选择器除外），其权重值可表示为a，b，c。其中，a，b，c分别为复合选择器中id选择器、类选择器（或同级选择器）和标签选择器（或同级选择器）出现的次数。无论b有多大，只要a大于0，b的权重都小于a；以此类推。
文本内容 
	
<!-- 最终文本颜色为绿色 -->
<small style="color:green" class="priority_class" id="priority_id">文本内容</small>
		

	
#priority_id{
	color:blue;
}
.priority_class{
	color:brown;
}
small{
	color:gold;
	/*如果加!important标识，则会强制变为最高优先级*/
	/*则文本内容最终颜色为金色*/
	/* color:gold !important; */
}