如何使用外部 CSS 覆蓋內聯樣式？

使用外部CSS 覆蓋持久內聯樣式

在嘗試使用外部CSS 修改內聯樣式時遇到了挑戰，因為標記本身您無法訪問。別擔心，CSS 提供了一種機制來解決這種情況。

覆蓋內聯樣式的關鍵在於利用 !important 關鍵字。透過將其附加到 CSS 規則，您可以為其分配更高的優先級，使其能夠覆寫內聯樣式。

考慮以下範例：

<div>

如果您嘗試使用修改文字的顏色常規CSS，你會遇到困難：

div {
  color: blue;  /* This isn't working */
}

但是，透過加入! important 關鍵字，你可以讓CSS 規則覆蓋內聯樣式：

div {
  color: blue !important;  /* Adding !important will override the inline style */
}

透過此增強的CSS，文字現在將以藍色呈現，有效地覆蓋內聯顏色規範。

以上是如何使用外部 CSS 覆蓋內聯樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！