2012-11-30 57 views
0

我工作的一個woothemes.com WordPress的模板(特別是「簡單」的主題),我試圖按照他們設定了操縱CSS,這一個字一個字的規則:如何取消/禁用CSS選擇器?

警告!不要編輯這個文件!

爲了便於更新主題,您不應該在此文件中編輯樣式 。而是使用custom.css文件來添加樣式。你可以從這個文件複製一個樣式,並將其粘貼到custom.css中,並且它將覆蓋此文件中的樣式。你被警告了! :)

很明顯,我認爲。所以,按照規則,我該如何有效地抵消整個CSS選擇器(我想我可以手動設置每個選擇元素爲0,但有這樣做的更優雅的方式?):

.entry img, img.thumbnail { margin-bottom: 10px; padding: 2px; border: 1px solid #ddd; background:#fff; 

    /* Box Shadow */ 
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
} 

在僞代碼,我會寫:

.entry img, img.thumbnail { 

     clear-all-styles; 

} 

但很明顯,這是行不通的:)

+0

我認爲你必須手動設置所有樣式爲'0',但沒有(至少,據我所知)的東西來刪除所有你想要的樣式。 –

+0

可能重複的[取消一些CSS風格](http://stackoverflow.com/questions/11827200/cancel-some-css-style) –

回答

1

有禁用的CSS樣式沒有這樣的方式,你必須爲你做到這一點做手工在你的第一個例子中。

事實上,這與css大師Eric Meyer用於重置他着名的reset.css文件中的樣式的方式相同。

+0

嗯,這是一個很好的觀點,我以前見過的所有重置文件。只是說'RESET'很容易,但顯然這不是一種可能性。感謝您向我介紹Eric Meyer! – fakeguybrushthreepwood

+0

在CSS中沒有RESET,就像你說的那樣,因爲如果瀏覽器確實遵循CSS規範,它應該從不需要。我的意思是,在CSS規範中,每個屬性都有默認值,如果所有瀏覽器都實現了這些默認值,那麼就不需要'reset.css'文件。 – Nelson