重置特定div的css

Question

我使用Twitter Bootstrap作为我项目的框架。 我还有一个div＃widget，其中包含名称和电子邮件表单字段以及提交按钮 我想重置为默认所有css只为该div和使用我的自定义类。 我试过：

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

该代码的问题是我需要指定每个css属性

我正在寻找像

这样的神奇解决方案

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

Answer 1

你可以反过来工作。

使用：not（）选择器。

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

Answer 2

我担心这样做的唯一方法是研究元素默认值并痛苦地重置所需的样式。