生成忽略所有其他CSS並只使用其自己的div的div

Question

我在我的許多網頁中都包含了div標頭，它們都有極其不同的樣式表。這會導致標題在每個不同類型的頁面上不希望地繼承頁面的某些父屬性（字體顏色，字體等）。我怎樣才能讓div只接受適用於它的CSS，而忽略所有其他的CSS？

這裏是我的CSS代碼：http://slexy.org/view/s213FFrREw

這裏是我的HTML代碼：http://slexy.org/view/s2sec0La7c

Answer 1

可以包括和修改reset.css用你獨特的類名或ID。

Answer 2

CSS是層疊樣式表的首字母縮寫。

如果您將標題的樣式放在樣式表的頂部，它將不會繼承表格中的任何其他樣式。

此外，如果你的頭是一個元素的子元素，它最有可能繼承它的一些風格，所以一定要確保，如果你需要:)

Answer 3

的任何元素語句在你的CSS重置它們，加標題ID給他們。

作爲一個純文本的例子（不使用你的IDS）

#header { width:100%; background-colour:#f00; }

#header #navbar { width:75% }

這將覆蓋只是

#navbar { width:20% }

這是因爲任何樣式在CSS中，每個特定級別都會賦予更多「權重」的風格統治另一個。 （請閱讀http://www.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/或http://css-tricks.com/specifics-on-css-specificity/瞭解更多詳情）。

然而，如果有這樣的事情：

#navbar { width:20% color:#0f0; }

那麼只有寬度將被覆蓋，因爲沒有風格的顏色。