CSS 选择器优先权重

帆 2024-04-30 0 阅读 评论

  将 CSS 的优先级从高到低分为六个等级:

  第 1 级:没有优先级的属性,我们只需要 !important 在属性之后添加。 此属性可以覆盖在此页面上所有位置定义的相同元素样式。

  第 2 级:直接在元素标签内添加样式,俗称内联样式。

  第 3 级:ID 选择器。例如: #id (color:red); }

  第 4 级:类选择器、属性选择器或伪类选择器。例如: .one (color:blue); }

  第 5 级:元素选择器。例如: div (颜色:黄色); }

  第 6 级:多合一选择器。例如: s.color :green; }

  一些经验法则:

  一定要优先考虑使用样式规则的优先级来解决问题而不是 !important

  只有在需要覆盖全站或外部 CSS 的特定页面中使用 !important

  永远不要在你的插件中使用 !important

  永远不要在全站范围的 CSS 代码中使用 !important

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为时光荏苒原创文章,转载或复制请以超链接形式并注明出处。