」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 內聯`!important`聲明可以被覆寫嗎?

內聯`!important`聲明可以被覆寫嗎?

發佈於2024-11-04
瀏覽:110

Can Inline `!important` Declarations Be Overridden?

內嵌 !important 聲明可以重寫嗎?

在層疊樣式表 (CSS) 中,!important 聲明是一個強大的工具,可以重寫繼承或在別處定義的樣式。但是當應用內聯 !important 聲明時會發生什麼?它可以被覆蓋嗎?

內聯!重要聲明

HTML 元素可以使用 style 屬性直接套用內聯樣式。內聯樣式優先於樣式表中定義的規則。通常,具有較高特異性的規則將覆蓋具有較低特異性的規則。但是,當 !important 在內聯樣式中使用時,它會強制瀏覽器套用該樣式,無論其特殊性如何。

內聯 !important 的覆蓋

In在給出的範例中,內聯樣式在

上設定了 display: none !important。是否可以在樣式表中覆寫它以使
顯示?

答案是肯定的,內聯 !important 聲明可以被覆蓋。但是,需要注意的是,某些較舊的瀏覽器可能無法一致支援此行為。

要覆寫內聯 !important 聲明,您可以在樣式表中使用更具體的選擇器。在這種情況下,由於內聯樣式直接套用於

,因此您可以使用比 div 更具體的選擇器。例如,您可以使用:
div#my-div {
  display: block !important;
}

透過使用比內嵌樣式選擇器更具體的 ID 選擇器 (#my-div),您可以覆寫內聯 !important 宣告並使

顯示。
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3