【权重】CSS选择器的权重

  • 通配符选择器的优先级为0
  • 类型（元素）选择器的优先级为1
  • 类选择器和属性选择器的优先级为10
  • ID选择器的优先级为100
  • 内联样式的优先级为1000（最牛逼的样式，没有任何样式可以干死他）

如果优先级权重数相同，则会采用就近原则

!important的特殊用处

!important是选择器优先级比较特殊的存在，可以提升优先级，直接干倒内联样式

使用!important会破坏原有的选择器类型权重规则，开发尽量不要用

MDN 网站的优先级文章

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS选择器与优先级
    其实平时用得多的选择器无非也就是那么几个，时间久了，许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器，今...
    盛夏晚清风阅读 5,819评论 0赞 5
  • CSS选择器以及CSS的三大特性
    标签（空格分隔）： CSS CSS选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。HTML页...
    lvyweb阅读 9,463评论 0赞 2
  • CSS 选择器种类、权重和优先级
    主要内容： 常见的CSS选择器、选择器的优先级。 class 和 id 选择器 class 和 id 选择器的区别...
    苦瓜_6阅读 3,599评论 0赞 0
  • CSS 基础
    CSS基础 本文包括CSS基础知识选择器（重要！！！）继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,479评论 0赞 40
  • （核心课程06）日历系统理论工具与实操
    个人应用 安卓手机，刚开始用嘀嗒清单收费版，尚在摸索中，目前日程闹钟提醒还没设置好，如叶老师所说对待新的应用工具就...
    歌尽桃花78阅读 981评论 0赞 0