资讯专栏INFORMATION COLUMN

Css优先级

loonggg / 1957人阅读

摘要:并集选择器的优先级时多带带计算。可以在样式的最后添加一个,则此时该样式会获得一个最高的一个优先级,将会超过所有的样式甚至超过内联样式,所以在开发中尽量避免使用。

内联样式,优先级1000
id选择器,优先级100
类和伪类,优先级10
元素选择器,优先级1
通配选择器,优先级0
继承的样式没有优先级
当选择器包含多种选择器时,需要将多种选择器的优先级相加然后进行比较。但是注意,选择器的优先级计算不会超过他的最大数量级,

如果选择器的优先级一样,则使用靠后的样式。

并集选择器的优先级时多带带计算。
可以在样式的最后添加一个!important,则此时该样式会获得一个最高的一个优先级,将会超过所有的样式甚至超过内联样式,所以在开发中尽量避免使用。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/114971.html

相关文章

  • CSS 样式先级

    摘要:下面我们从这两方面去看看样式的优先级。影响的规则是优先规则最近的祖先样式比其他祖先样式优先级高。若同时插有,则再利用规则判断优先级。 CSS 样式优先级 当创建的样式表越来越复杂时,一个标签的样式将会受到越来越多的影响,这种影响可能来自周围的标签,也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。 CSS 的继承性 CSS 的继承特性指的是应用在一个标签上的那些 CSS...

    王晗 评论0 收藏0
  • CSS先级详解

    摘要:优先级是由选择器组成的匹配规则决定的。这些继承的样式的优先级永远低于元素本身的样式,包括通用选择器最终的颜色是红色的。永远都要优先考虑使用样式规则的优先级来解决问题而不是。 概念 浏览器是通过判断优先级,来决定到底哪些属性值是与元素最相关的,从而应用到该元素上。优先级是由选择器组成的匹配规则决定的。 如何计算? 优先级是根据由每种选择器类型构成的级联字串计算而成的. 它不是一个对...

    Juven 评论0 收藏0
  • CSS先级详解

    摘要:优先级是由选择器组成的匹配规则决定的。这些继承的样式的优先级永远低于元素本身的样式,包括通用选择器最终的颜色是红色的。永远都要优先考虑使用样式规则的优先级来解决问题而不是。 概念 浏览器是通过判断优先级,来决定到底哪些属性值是与元素最相关的,从而应用到该元素上。优先级是由选择器组成的匹配规则决定的。 如何计算? 优先级是根据由每种选择器类型构成的级联字串计算而成的. 它不是一个对...

    n7then 评论0 收藏0
  • WEB前端 CSS

    摘要:后代选择器,儿子选择器,毗邻选择器,弟弟选择器。后代选择器后代选择器标签选择器后跟标签后代,无论直属还是间接直属,直接后代毗邻后代中最近的一个弟弟,找到和自己同级的标签如通过多个选择器好到具体的标签。目录 WEB前端 CSS WEB前端 CSS TOC CSS简介 CSS引入方式 CSS结构 CSS选择器 标签选择...

    darry 评论0 收藏0
  • css样式权重先级css样式先级

    摘要:还有一篇是这样排序的多重样式间遵循继承来的样式浏览器缺省设置外部样式表内部样式表内联样式结合样式继承问题这个问题及其答案来看,继承的优先级的确是最低的。 原文:http://www.bkjia.com/Javascri... 样式选择器权重优先级: important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 importa...

    AJie 评论0 收藏0
  • css样式权重先级css样式先级

    摘要:还有一篇是这样排序的多重样式间遵循继承来的样式浏览器缺省设置外部样式表内部样式表内联样式结合样式继承问题这个问题及其答案来看,继承的优先级的确是最低的。 原文:http://www.bkjia.com/Javascri... 样式选择器权重优先级: important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 importa...

    keithxiaoy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<