覆蓋外部CSS

我有一個外部CSS文件被導入到我的一個頁面中。這個外部CSS將樣式分配給HTML標籤。例如，覆蓋外部CSS

table { 
    width: 100%; 
    font-size: 3em; 
    // long list of CSS styles 
} 

tr { 
    width: 100%; 
    font-size: 3em; 
    // long list of CSS styles 
}

爲單個表覆蓋這些外部CSS樣式的最佳方法是什麼？例如，如果我有一張桌子，而且我不想在桌子上放置這些外部樣式，那麼我該怎麼做？

謝謝。

編輯 - 作爲澄清，「CSS樣式的長列表」有數百種樣式。到目前爲止，大部分答案都表明我重寫提供的CSS。我是否需要重寫所有數百種樣式？

來源

2012-08-30 David

在您想覆蓋的其他CSS之後加載您自己的CSS。最後閱讀規則（如果具有相同的特異性）將勝出。您只需要覆蓋您需要/想要的特定規則 - 不是全部。

來源

2012-08-30 20:28:27 j08691

對於每個HTML標記，外部CSS文件都有數百種樣式。我是否需要爲他們每個人編寫重寫語句？有沒有一些「clearInheritedStyles：true」或類似的東西，我可以申請？ – David

在您發表評論之前，我更新了我的答案;） – j08691

是的，我應該讓我的第一個問題更清楚。抱歉。 – David

，你可以在你的表使用直列式，

<table style='width:90%'> 
<tr style='font-size: 4.4em'>

或在外部文件中設置單獨的班表，或創建一個包含這些樣式的另一個.css文件

.otherTable{ 
    width: 90%; 
    font-size: 2.3em; 
    // long list of CSS styles 
}

和在你的html中，

<table class='otherTable'>

來源

2012-08-30 20:29:12 Mike

你應該在範圍之後立即將它們改寫爲你的需要rnal css文件。加載它們按以下順序：

http://www.externalserver.com/styles.css 
css/general.css

，然後應用你的風格，這將滿足您的網站的主題。

來源

2012-08-30 20:30:41 aspirinemaga

除了j08691聲明的內容之外，如果您的CSS在生效時遇到問題，請在分號前添加短語「！important」以確保覆蓋其他設置。

http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

來源

2012-08-30 20:34:16 Lewie7558

偷懶，不能隨手特定頁面上一些JavaScript。

這裏是爲SO Q/A：

https://stackoverflow.com/a/196038/1617149

或頁面呈現之前，你可以做到這一點jQuery的/原型，例如在DOM負載上。

來源

2012-08-30 21:12:41 Theodores

回答

相關問題