IT技术学习网
IT技术学习网
您的位置: 主页 > 编程技术 > css >

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

2014-12-23 12:17 来源: IT技术学习网原创 阅读:

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

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

规则就三条,如下:

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

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

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

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

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

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

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

css样式属性层叠覆盖加载执行顺序规则
转载需注明出处:IT技术学习网 http://www.itjsxx.com/css/css_fugai_guize.html

标签:
评论文章 css样式属性层叠覆盖加载执行顺序规则
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图