为特定div重置css

我正在使用Twitter Bootstrap作为我的项目的框架。我也有一个名称和电子邮件表单域的div＃小部件和一个提交按钮我想重置为默认所有的CSS只为该div和使用我的自定义类。我试着用：为特定div重置css

div#widget * { 
    background-color: #FFF; 
    font-size: 12px; 
    ... 
}

与代码的问题是，我需要指定每一个CSS属性

I'm寻找像

div#widget * { 
    // reset to factory defaults here 
}

来源

2013-06-11 handsome

没有这样的东西tmk ...并注意输入字段不会从父母（如字体大小）继承样式，不像大多数其他html元素。您将不得不重置他们所有，一个接一个，我害怕... – Pevara

我不知道您是否可以这样做，但您可以尝试使用此引用来模拟HTML文档的默认CSS格式： [HTML 4的默认样式表]（http：//www.w3 .org/TR/CSS2/sample.html） – Maxito

你可以工作一个神奇的解决方案反过来。

With：not（）selector。

div:not(#widget) element { 
    /*Rules here will apply to each element wich are not inside div#widget */ 
}

来源

2013-06-11 22:00:31

（2013. note :)仍然不兼容xBrowser。 –

我需要做的恰恰相反:) – handsome

http://caniuse.com/css-sel3使用selectivizir，使这个选择器可用。 @handsome：我试图告诉你要采取与你相反的方式。这与你的方式相反，不需要重置任何东西，因为你首先不会为#widget子类声明任何东西。这不是一个更有效的方法吗？：不（#widget）排除#widget获取样式=>没有样式？ =>没有重置做！ –

恐怕要做到这一点是研究的元素默认和痛苦重置所需风格的唯一途径。

来源

2013-06-11 22:01:35

或更新选择器：not（）伪选择器从规则中排除一个 –

为特定div重置css

回答

相关问题