2011-11-29 68 views
8

嗯,我有一个大的html文档。而我想对这个文件进行embend控件,但是这个控件的css样式是由大的html文件的样式重叠的。我怎样才能重置所有样式只有div(和所有嵌套的div)?重置css样式只为div

+0

你可以添加代码示例吗? – Bazzz

+0

相关:http://stackoverflow.com/q/116754/612253 –

+0

可能重复的[重置/删除CSS元素的样式](http://stackoverflow.com/questions/15901030/reset-remove-css-styles -for-element-only) –

回答

0

一个解决方案(可能不是最好的)是在css-attribute之后使用!important来覆盖样式。您也可以使用一个css reset tool和重写它所需的div

1

你会想要一个CSS规则添加到执行只适用于你正在试图嵌入控制你的样式表;是这样的:

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

你可能会需要有更多的属性,以清除可能被应用于任何其他样式,这仅仅是一个例子。

现在您将任何控件放置在主div中,您将不得不创建专门用于处理这些对象的规则。例如:

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

我想我明白你的意思,他们是多个样式表?如果这样就把新的旧下面的HTML如

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

或只是把新的div代码在样式表的底部,如果你只有一个。没有一个发生什么事情的例子,很难制定出最佳的行动方案。

15

随着雅虎复位http://yuilibrary.com/yui/docs/cssreset/

有一个“上下文相关的”版本,其仅重置其是.yui3-cssreset

例如的decendent元件

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

是是是是和是。 –

+0

嗨@MДΓΓБДLL很高兴你喜欢它:-) –

+0

这就是我如果你还没有这样写过的答案。不需要讨厌''重要''hackery,或者手动重写页面范围的重置。 –

0

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

.yourdiv {} 

#main .rightcol .box .yourdiv {} 

,如果你真的需要,那么你可能想使用!important,但如果你可以试试不。

我希望这可以帮助你一点。