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 元素的
-
-