2015-09-01 65 views
2

我有這樣的外部CSS如何覆蓋標爲!重要的外部css?

body { 
    color: #000000; 
    font: 12px Verdana !important; 
    padding: 0; 
    text-align: left; 
} 

我想更改字體,所以我這樣做:

<body style="font-size:9px ! important;"> 
+1

重寫爲9px。那麼你的問題是什麼? –

+1

也許你在'!'和'important'之間存在差距。刪除空間後嘗試嗎? –

+0

@ManojKumar您可能需要恢復編輯 - 您可能已經修復了問題 – karthikr

回答

1

我假設你不能簡單地改變外部CSS文件。

這種事情是可怕的處理,你應該寫一個居高臨下的CSS文件的所有者。一旦你完成了,你必須贏得特殊的戰鬥。 CSS選擇器根據哪一個最具體而適用。當使用重要的時候,它的意思是「擰緊其他任何東西的特殊性,使用我」。

但是,如果兩個選擇器針對相同的元素都具有!important屬性,則特異性會再次啓動(fun huh)。現在這種戰爭是最好的避免(因此信件和理想情況下從違規文件中刪除重要),但你可以做你的樣式表中的下面的東西,這是一個更具體的選擇器,而不僅僅是身體標記AND!重要。

html body { font-size:9px !important;} 

* body { font-size:9px !important;} 

這類戰爭就像是從的摧毀空間body標籤,所以要小心這樣做的附帶損害。

編輯:哦,順便說一句,內聯樣式擊敗了外部樣式表和嵌入塊,比如你的樣式屬性,因此會起作用,但是如果你正在一個網站上使用多個頁面,痛苦的維持。上述方法將允許您將覆蓋保留在外部樣式表中。乾杯。

+0

非常感謝幫助。我遇到的主要問題是我無法編輯導致問題的外部CSS。現在解決了。 –