美文网首页
CSS选择器权重

CSS选择器权重

作者: 三点水滴 | 来源:发表于2017-09-10 22:54 被阅读23次

CSS中权重分为四个级别:

1. 内联样式

2. ID选择器

3. 类,伪类,属性选择器

4. 元素,伪元素

可以使用0,0,0,0来对应四个级别

也就是说,当给一个元素添加一个元素选择器,权重为1;当给一个元素添加一个类选择器,权重为10;以此类推,ID选择器为100,内联样式为1000。最后指节比较数值大小即可得到样式的优先级。

需要注意的是,并不是说11个ID选择器的优先级就比内联样式高。


特殊规则"!important"。当在CSS规则后面加上"!important"之后会将该规则提升至最高权重。

相关文章

  • 归零——CSS-第四天

    CSS学习 CSS权重 选择器 权重...

  • css选择器权重

    css选择器权重示例: .html .css

  • day31-总结(css布局)

    css中的布局 css选择器的权重 选择器的权重类型选择器(元素选择器):0001class选择器:0010id选...

  • CSS样式选择器权重 计算

    CSS样式选择器权重 计算

  • CSS权重

    这篇是基于CSS选择器的,如果对选择器不太了解可以先看另一篇CSS选择器 (一)什么是CSS权重? 权重决定了你C...

  • css问题整理(持续更新中...)

    1. css权重、优先级 权重 内联样式id选择器class、属性选择器(eg:[title]{ color:bl...

  • CSS选择器优先级及!important属性

    CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下...

  • 饥人谷-第一期-HTML

    Learn to code Getting to Know CSS 选择器的的权重比位置更重要 type类型的权重...

  • 2020-01-02

    知识点: 1.H5的新特性 css3新特性 2.css的权重,css模块化 权重: 元素的权重0.类选择器10.i...

  • CSS选择器

    权重 根据不同的样式选择器,有不同的权重,而最终呈现的效果是根据选择器的权重和排列顺序确定的。css采用覆盖式渲染...

网友评论

      本文标题:CSS选择器权重

      本文链接:https://www.haomeiwen.com/subject/mutxsxtx.html