生成一个忽略所有其他CSS并仅使用其自己的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中的任何元素语句，请将标题ID添加到它们中。

作为纯文本示例（不使用您的ID）

#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; }

然后只覆盖宽度，因为没有颜色样式。

Answer 3

CSS是Cascading Style Sheets的首字母缩写。

如果将标题的样式放在样式表的顶部，它将不会继承表格中的任何其他样式。

此外，如果您的标题是元素的子元素，它很可能会继承其某些样式，因此如果您需要，请务必重置它们：）