码迷,mamicode.com
首页 > Web开发 > 详细

CSS 强制优先级

时间:2019-04-20 19:50:57      阅读:425      评论:0      收藏:0      [点我收藏+]

标签:优先   作用   规则   常用   优先级   选择器优先级   覆盖   样式   权重   

比如下面代码:

技术图片

 

遇到这种情况直接使用!important声明强制优先。

 

技术图片

 

选择器的优先权解释说明

  1. 内联样式表的权值最高 1000。

  2. ID 选择器的权值为 100。

  3. Class 类选择器的权值为 10。

  4. HTML 标签(类型)选择器的权值为 1。

 

CSS优先级顺序

下列是一份优先级逐级增加的选择器列表:

  1. 通用选择器

  2. 元素(类型)选择器

  3. 类选择器

  4. 属性选择器

  5. 伪类

  6. ID 选择器

  7. 内联样式

CSS选择器优先级

浏览器是通过判断CSS优先级,来决定到底哪些属性值是与元素最为相关的,从而作用到该元素上。

CSS选择器的合理组成规则决定了优先级,我们也常常用选择器优先级来合理控制元素达到我们理想的显示状态,下面我们来具体了解下CSS选择器优先级及权重。

CSS选择器如何计算?

  1. 当CSS选择器权重相同,则最后的声明的CSS选择器覆盖靠前的 CSS。

  2. CSS优先级是根据由每种选择器类型构成的级联字串计算而成的,它不是一个对应相应匹配表达式的权重值。

  3. 相同CSS表达式,在DOM结构中的距离是不会对元素优先级计算产生影响的。

CSS 强制优先级

标签:优先   作用   规则   常用   优先级   选择器优先级   覆盖   样式   权重   

原文地址:https://www.cnblogs.com/yirenipeng/p/10742296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!