css样式属性层叠覆盖加载执行顺序规则

本文给大家介绍css样式层叠覆盖加载执行顺序。

规则就三条，如下：

1. 样式表的元素选择器选择越精确，则其中的样式优先级越高：

id选择器指定的样式 > 类(class)选择器指定的样式 > 元素类型选择器指定的样式，
如：#last > .last > p

2. 相同类型选择器制定的样式，在css样式表文件中，越靠后的优先级越高。

这个很重要，也是最容易调整的一环。

3. 使用!important可以让某个css样式的优先级变最高。例如：

.last {
    margin-bottom:5px !important;
       }

通过以上三条规则，我们随意安排css样式层叠覆盖加载执行顺序，无任何难度。