样式删除所有样式

Question

有没有办法应用有效阻止的样式 为该对象和任何应用程序应用任何应用或继承的样式 包含对象？

Answer 1

没有。您必须覆盖在其上设置的所有其他属性。

Answer 2

编写一个样式类，即clearall覆盖您需要的所有属性作为默认值。即

.clearall {   显示：块;   明确：两者;   身高：1px;   保证金：0 0 0 0; ......}

现在，您可以使用该类

<div class"clear">
  <div class="awesome"> ..
  </div>
</div> 

<div class"clear">
   <div class="woooow"> ..
   </div>
</div>`  

所以现在每次需要重置样式时，都可以使用该类

Answer 3

我建议在CSS代码的末尾添加一个完整的重置代码，例如the one from Eric Meyer。

应该注意擦除大部分内容，然后你可以自己编写代码。

Answer 4

你总是可以在一个元素上调用！important来覆盖特异性继承。

.wrapper p{color:red; background:blue;} .wrapper div p{color:blue !important; background:none !important;}

Answer 5

实际上 - 不......但你可以尝试使用jQuery来达到这个目的。

$('.class').removeClass().removeAttr('style');

它应该从匹配元素和清除样式属性中删除所有类。虽然，它未经测试+）

Answer 6

如果您想进行测试/调试，请查看Firefox Web Developer add-on。它具有删除整个页面或单个元素及其包含元素的CSS的功能，或者用于在查看页面时动态更改CSS。

如果您正在寻找适合生产使用的CSS重置，请查看Tripoli。这是一组CSS样式，它们将每个浏览器中的默认呈现重置为相同的公共库，以用作应用自己样式的起点。还有许多其他CSS重置，但的黎波里是我个人的最爱。

Answer 7

没有一个CSS属性可以关闭所有其他CSS属性。您必须将每个属性设置为您想要的任何值（对于某些CSS属性，例如font-family，没有“关闭”值 - 文本必须以某种字体呈现。）

对于“那个对象和任何包含的对象”（强调我的），*选择器选择所有元素。所以，你的CSS规则可能如下所示：

.turn-off-all-styles,
.turn-off-all-styles * {
    /* Disable every CSS property here */
}

正如其他人所提到的，请查看Eric Meyer’s CSS reset，了解将所有CSS属性设置为默认值的好例子。如果在每个值之后添加!important，则应该阻止其他CSS规则干扰此样式，例如。

.turn-off-all-styles,
.turn-off-all-styles * {
    margin: 0 !important;
    ...
}