清除元素上的所有先前样式并应用新元素

Question

我目前正在合并2-3个开源项目的功能，并正在处理几个大型CSS文件。长话短说，有几个文本框没有正确设置样式。也就是说，它们似乎从两个库继承了样式。

因此，我想知道是否有一种Jade或CSS方式禁用这些框上的所有样式，然后仅应用其class属性中指示的样式。也就是说，我需要确保所应用的唯一内容是class属性中指定的内容。

Answer 1

Check out this link on 'unset', 'initial', and 'inherit'

同样，也要检查一下。始终可以选择using '!important' in your own CSS文件覆盖现有样式。

希望有所帮助！

Answer 2

all property可以强制重置所有属性，但浏览器支持有限。由于CSS的性质，该元素将始终继承任何未被覆盖的属性。我假设如果你使用的是玉，你也使用了css预处理器，所以你可以通过名称间隔你的库来管理其中一些。例如

//sass
.foo {
  @import 'bar';
}

//csss
.foo .class-from-bar {...}
.foo .class-from-bar-2 {...}