內嵌 !important 聲明可以重寫嗎?
在層疊樣式表 (CSS) 中,!important 聲明是一個強大的工具,可以重寫繼承或在別處定義的樣式。但是當應用內聯 !important 聲明時會發生什麼?它可以被覆蓋嗎?
內聯!重要聲明
HTML 元素可以使用 style 屬性直接套用內聯樣式。內聯樣式優先於樣式表中定義的規則。通常,具有較高特異性的規則將覆蓋具有較低特異性的規則。但是,當 !important 在內聯樣式中使用時,它會強制瀏覽器套用該樣式,無論其特殊性如何。
內聯 !important 的覆蓋
In在給出的範例中,內聯樣式在
答案是肯定的,內聯 !important 聲明可以被覆蓋。但是,需要注意的是,某些較舊的瀏覽器可能無法一致支援此行為。
要覆寫內聯 !important 聲明,您可以在樣式表中使用更具體的選擇器。在這種情況下,由於內聯樣式直接套用於
div#my-div { display: block !important; }
透過使用比內嵌樣式選擇器更具體的 ID 選擇器 (#my-div),您可以覆寫內聯 !important 宣告並使
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3