css - 为特定的 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

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