生成忽略所有其他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; }

那么只有宽度将被覆盖，因为没有风格的颜色。