1. CSS 有哪些基本选择器?它们的权重是如何表示的?
这是一个关于 CSS 基础且极其重要的问题,因为它直接关系到我们如何精准地控制页面元素的样式,以及在样式冲突时浏览器如何决定哪个样式生效。理解 CSS 选择器及其权重(或称为“优先级”或“特殊性”),是编写高效、可维护 CSS 代码的关键。
CSS 的权重,也称为特殊性或优先级,是浏览器用来决定当多个 CSS 规则应用于同一个元素时,哪个规则的样式最终会生效的机制。它的核心原则是:“越具体的规则,优先级越高”。
权重通常被抽象地表示为四个数字的组合,例如 0.0.0.0
,这四个数字从左到右代表不同的权重层级,并且是不可进位的,即 0.0.0.10
永远小于 0.0.1.0
。
这四个等级的表示方式如下:
-
第一个等级 (千位 -
a
级别):内联样式 (Inline Styles)-
表示:
1.0.0.0
-
说明: 直接写在 HTML 元素的
-
-