什么是特異性？

如果有兩條或兩條以上指向同一元素的沖突 CSS 規(guī)則，則瀏覽器將遵循一些原則來確定哪一條是最具體的，并因此勝出。

將特異性（specificity）視為得分/等級，能夠確定最終將哪些樣式聲明應(yīng)用于元素。

通用選擇器（*）具有較低的特異性，而 ID 選擇器具有較高的特異性！

注意：這種特異性是 CSS 規(guī)則不適用于某些元素的常見原因，盡管您可能會認(rèn)為應(yīng)該適用。

特異性層次

每個(gè)選擇器在特異性層次結(jié)構(gòu)中都有其位置。以下四種類別定義了選擇器的特異性級別：

行內(nèi)樣式 - 行內(nèi)（內(nèi)聯(lián)）樣式直接附加到要設(shè)置樣式的元素。實(shí)例：<h1 style="color: #ffffff;">。

ID - ID 是頁面元素的唯一標(biāo)識符，例如 #navbar。

類、屬性和偽類 - 此類別包括 .classes、[attributes] 和偽類，例如：:hover、:focus 等。

元素和偽元素 - 此類別包括元素名稱和偽元素，比如 h1、div、:before 和 :after。

如何計(jì)算特異性？

請您牢記計(jì)算特異性的方法！

從 0 開始，為 style 屬性添加 1000，為每個(gè) ID 添加 100，為每個(gè)屬性、類或偽類添加 10，為每個(gè)元素名稱或偽元素添加 1。

請思考以下三個(gè)代碼片段：

實(shí)例

實(shí)例

A: h1 B: #cont

總結(jié)

以上是生活随笔為你收集整理的css零到一中级教程025：CSS 特异性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。