为特定的 div 重置 css

Question

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

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

恐怕唯一的办法就是研究一个元素默认值并痛苦地重置所需的样式。