仅重置div的css样式

Question

我有一个很棒的HTML文档。我想对这个文件进行控制，但是这个控件的css样式与big html文件的样式重叠。如何仅为div（以及所有嵌套的div）重置所有样式？

Answer 1

雅虎重置http://yuilibrary.com/yui/docs/cssreset/

有一个“上下文”版本，只重置了.yui3-cssreset

的元素

e.g。

<div class="yui3-cssreset">
    <!-- Anything in here would be reset-->
</div>

Answer 2

您可能希望在样式表中添加CSS规则，该规则仅适用于您要嵌入的控件;像这样的东西：

#yourDivID
{
    display: block;
    border:0;
    color:black;
}

您可能需要更多属性来清除可能正在应用的任何其他样式，这只是一个示例。

现在您放置在主div内的任何控件，您必须创建专门处理这些对象的规则。例如：

#yourDivID div
{
    display: block;
    border:1px solid black;
}

Answer 3

一个解决方案（可能不是最好的）是在css-attribute之后使用!important来覆盖样式。或者您使用css reset tool并将其重写为仅所需的div

Answer 4

我想我理解你的意思，它们是多个样式表吗？如果是这样的话，将新的一个放在HTML中的旧的下面，例如

<link type="text/css" href="/bightmldoc.css" />
<link type="text/css" href="/newdiv.css" />

或者只是将新的div代码放在样式表的底部，如果你只有一个。如果没有一个例子，那就很难找出最佳的行动方案。

Answer 5

我应该说你不应该做!important，如果你真的没有做到它被认为是黑客。我要做的是制作一个有更多步骤的选择器。如果您有任何ID，则使用它们来指定您的对象，因为ID会覆盖类。例如，如果您使用我的第一个示例，您可能会被其他类覆盖您的代码。但是如果你试图找到一个更长的选择器路径，那么你可能会得到更好的结果。

.yourdiv {}

#main .rightcol .box .yourdiv {}

如果你真的需要那么你可能想要使用!important，但如果你可以尝试不这样做。

我希望这对你有所帮助。