CSS（層疊樣式表）是一種用于展示網頁的樣式語言。通過定義各種樣式規則，我們可以改變網頁中的字體、顏色、布局和交互效果等。在 Web 開發中，我們可以通過在 HTML 文檔中引用 css 文件來為網頁添加樣式，但是當多個樣式表存在沖突時，我們需要了解 CSS 的優先級規則來解決問題。 CSS 的優先級規則通常按照下面的順序： 1. !important 修飾符 在 CSS 規則中可以使用 !important 修飾符，用于將某個樣式屬性的優先級提高到最高，無論它是否在其他樣式規則的前面。例如： ``` p { color: red !important; } ``` 這個規則將覆蓋其他顏色屬性，即使它在其他樣式規則中出現得更早。但是，在實際開發中，應該避免使用 !important 修飾符，因為它可能帶來不可預料的后果，比如增加維護和調試成本。 2. 內嵌樣式 內嵌式樣式指的是在 HTML 標簽中使用 style 屬性來定義樣式。由于內嵌樣式的優先級比外部樣式表高，因此它將覆蓋相同屬性的外部樣式表的樣式定義。例如： ```

Hello, world!

``` 這個規則將應用于 p 標簽中的文本。 3. ID選擇器 ID 選擇器使用 # 符號來指示。如果某個樣式規則使用 ID 選擇器，則比 class 和標簽選擇器有更高的優先級。例如： ``` #intro { font-size: 18px; } ``` 這個規則將應用于具有 id="intro" 屬性的元素。 4. 類選擇器和屬性選擇器 我們可以使用類選擇器和屬性選擇器來定義樣式規則。很多情況下，類選擇器和屬性選擇器是相同的，只是選擇器符號稍有不同。例如： ``` .intro { font-style: italic; } [type="text"] { background-color: lightgray; } ``` 這些規則將應用于類名為 intro 的元素和所有類型為文本框的元素。 5. 標簽選擇器 標簽選擇器指的是在樣式規則中直接使用 HTML 標簽名作為選擇器。雖然它是最常用的選擇器，但它的優先級最低。例如： ``` p { font-family: Georgia, serif; } ``` 這個規則將應用于所有的 p 標簽。 由于 CSS 代碼往往分散在多個文件中，同時也可能來源于第三方的庫或框架，因此在 Web 開發中一定會出現樣式沖突的情況。對于這種情況，我們需要了解 CSS 的優先級規則，從而能夠按照我們的意愿來控制樣式的展示效果。