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样式属性层叠覆盖加载执行顺序规则
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • zhaojiaoyang1
    2017-05-20 15:52:14发表

    你究竟想说什么?何萧不解的道[url=http://www.ys3728.com]中国婚博会官网[/url] [url=http://ysyouwenxia.ce.c-c.com]景德镇陶瓷厂家[/url] [url=http://whp0323.ce.c-c.com]压力传感器[/url] [url=http://www.xqdq

  • bbaobao
    2017-04-18 13:56:47发表

    李沧海感激的对他点了点头[url=http://www.cwbol.com/]养生食谱[/url] [url=http://www.cwbol.com/yssc/hxys/]水产海鲜养生[/url] [url=http://www.vba.cm/fhdb/7234.html]259LUXU-569[/url] [url=http://www.cwbol.

  • xiaoman2
    2017-04-18 13:14:47发表

    这些衙役简直就不堪一击[url=http://www.duoye.net/]资讯网[/url] [url=http://www.duoye.net/nydq/]日本女优排名[/url] [url=http://www.duoye.net/fhdq/7654.html]IESP-604[/url] [url=http://www.duoye.net/fhdq/

  • 精仿
    2017-02-22 22:01:17发表

    工厂代发MULBERRY(一棵树)1:1复刻 AERIN 118v.net

  • 送现金
    2017-01-21 08:05:31发表

    澳门太阳城

IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图