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

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

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

规则就三条,如下:

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

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

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

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

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

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

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

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

本文章主要和码农一起来学习CSS3选择器——属性选择器。属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式。
在CSS页面设计中,有时我们需要根据html元素的属性值来选择这个元素,这时候,我们可以使用属性选择器
在做wap新站时候使用了很多html5和CSS3的属性,经测试,一般标准的浏览器(包括PC端的和手机客户端浏览器)都是兼容的比较好,惟独发现Opera Mobile手机浏览器(也就是国内的欧朋浏览器)对CSS3兼容的不太好。我测试的是最新版本7.
对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态,偶尔甚至产生非常消极的想法: 这个世界只有一个浏览器就好了,哪怕这唯一的浏览器就是IE6。当然,这样的想法是非常病态的,马上打消。本文里面,介绍了10个很实但IE却不支持的CSS属性,列出这些属性并不是为了