CSS優先級順序是什么

這篇文章給大家分享的是有關CSS優先級順序是什么的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

CSS順序和優先級是樣式化網頁的一個具有挑戰性的部分。您可能有一天會發現您嘗試應用的CSS樣式無效。看起來好像網頁沒有執行你的代碼。這就可能是由CSS的順序或優先級沖突引起的。本文將探討什么是css順序和優先級以及它們如何影響樣式化網頁。

優先級

瀏覽器決定哪些CSS屬性值與元素相關。此規則基于CSS選擇器如何組成不同類型的規則。優先級是確切的名稱，它賦予特定CSS聲明權重。每個聲明的權重或“重要性”由等于匹配選擇器的多個選擇器類型確定。（推薦閱讀：css優先級怎么計算？和css樣式優先級順序）

優先級僅在一個元素具有多個聲明時才適用，目標元素將根據選擇器的固有值優先。這是一個用于衡量選擇器值差異的列表：

類型選擇器：這將是偽元素或類似h2，h2等的
類。類選擇器：這些包括屬性選擇器和偽類，如：懸停等
.ID選擇器：任何類型的ID選擇器。

通用選擇器對優先級沒有任何影響，其中一些包括像（+， - ，>，?）這樣的組合選擇器。我們之前提到過，內聯樣式（如粗體）將始終覆蓋外部樣式表中的樣式，并且位于具有最高優先級的鏈的頂部。

在繼續之前應該注意一些規則。在內聯css中，html的樣式屬性首先是樣式和css文件中的首要規則。特定選擇器也將優先于較少指定的選擇器。稍后在文檔中的代碼將覆蓋先前設置的任何先前角色。

注意：！important例外

所有這些特殊性規則的例外是當您調用！important方法時。當調用它時，它將覆蓋所有其他聲明。雖然這有效，但這通常是不好的做法。它打破了工作表中的自然級聯，并使調試變得困難。避免使用它的最佳做法很簡單。首先，您需要查看特異性規則，以便在另一個樣式元素之前查看優先級。如果您必須使用！important，請將其僅應用于單個頁面，從而明智地使用它。

層疊性

您可以更好地使用Cascade，而不是使用！important方法。對于不熟悉CSS或層疊樣式表的基本方面的任何人來說，層疊是如何將不同屬性的值組合在一起的算法。

級聯通過首先查找正在應用于元素或屬性的所有CSS聲明來工作。它從它的起源（聲明它的地方）開始，然后是聲明的重要性。之后它將計算特異性。嵌入在HTML文件中的任何CSS都將遵循外部樣式表，無論順序如何。重要的是要實現級聯將采取的步驟。

總的來說，如果競爭風格元素之間存在沖突，則需要考慮特殊性問題。如果一個元素的行為方式與你沒有編碼的方式相同，那么它就是從優先級更高的東西繼承樣式。以最小的特異性開始您的樣式設計，以確保不會發生此問題。

感謝各位的閱讀！關于CSS優先級順序是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！