CSS的重要性质

1. 继承性
   CSS的某些样式具有继承性，继承允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：红色不仅应用于p标签，还应用于span标签。

   p{color:red;}
   
   <p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>

2. 特殊性（CSS样式权值）
   有的时候我们为同一个元素设置了不同的CSS样式代码，比如一个元素同时具有id和class属性，且都有对应的选择器，这时浏览器需要判断CSS样式的权值，使用权值较高CSS样式。CSS权值规则如下

   选择器	权值
   标签	1
   类选择器	10
   ID选择器	100
   继承	0.1

3. 层叠（覆盖）
   如果在html文件中同一个元素有多个css样式存在，并且这多个css样式具有相同权重值，浏览器会判断这些css样式的前后顺序定，处于最后面的css样式被应用。即相同的权重时，后面的样式覆盖前面的样式。
   所以，在权重相同的前提下，CSS样式的优先级为：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

4. 重要性（!important）
   !important可以为某些样式设置具有最高权值，如下代码：

   p{color:red!important;}
   p{color:green;}
   <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>

   这时 p 段落中的文本会显示为red。

   注意!!!
   当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式。但记住!important优先级样式是个例外，权值高于用户自己设置的样式。