本文给大家介绍css样式层叠覆盖加载执行顺序。
规则就三条,如下:
1. 样式表的元素选择器选择越精确,则其中的样式优先级越高:
id选择器指定的样式 > 类(class)选择器指定的样式 > 元素类型选择器指定的样式, 如:#last > .last > p
2. 相同类型选择器制定的样式,在css样式表文件中,越靠后的优先级越高。
这个很重要,也是最容易调整的一环。
3. 使用!important可以让某个css样式的优先级变最高。例如:
.last {
margin-bottom:5px !important;
}
通过以上三条规则,我们随意安排css样式层叠覆盖加载执行顺序,无任何难度。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!