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

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

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

规则就三条,如下:

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

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

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

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

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

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

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

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

下面是详细讲解“简单但很实用的5个CSS属性”的完整攻略:
下面我来详细讲解一下CSS属性让网页文字实现竖排的几种方法的完整攻略。
CSS的未来可能不仅仅是我们已知的那些常规CSS属性,并且存在了一些试验性非主流CSS属性,这些属性可以在现代浏览器中进行实验和使用。在本篇攻略中,我们将讲解一些比较有趣的试验性非主流CSS属性,并提供一些示例。
下面我将为你详细讲解如何使用JavaScript修改CSS属性的攻略。
本文章主要和码农一起来学习CSS3选择器——属性选择器。属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式。
在CSS页面设计中,有时我们需要根据html元素的属性值来选择这个元素,这时候,我们可以使用属性选择器