如何覆寫 CSS 中的內嵌 `!import` 樣式？

重寫內聯！重要樣式

當涉及 CSS 樣式時，內聯聲明具有很大的分量。 !important 標誌將內聯樣式標記為關鍵且難以覆蓋。但是，在某些情況下您可能希望覆寫此聲明。

一個常見的情況是當您設定內聯樣式時，例如：

<code class="html"><div style="display: none !important;"></div></code>

此元素將被隱藏查看由於顯示：無聲明。有沒有辦法覆蓋這個內聯樣式並使元素可見？

答案：

是的，可以用類似的方法來覆蓋內聯！重要聲明CSS 樣式表中的規則。您可以透過在樣式表中新增以下內容來實現此目的：

<code class="css">div { display: block !important; }</code>

此規則會將所有div 元素的顯示屬性設為阻止，從而有效地覆蓋內聯聲明並使隱藏的div再次可見。

值得注意的是，儘管有 !important 標誌，內聯樣式通常可以被覆蓋。考慮以下範例：

<code class="html"><p style="color:blue;">I will be blue</p>
<p style="color:blue;" class="override">But I will be red</p></code>

<code class="css">.override {color:red !important;}</code>

在這種情況下，第二段將顯示為紅色，由於添加到 .override 類別中的 !important 規則而覆蓋內聯 color:blue 聲明。

以上是如何覆寫 CSS 中的內嵌 `!import` 樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！