使用！important

Question

我正在Angular 7中制作一个小部件，它将放置在不同的网站上。我希望此小部件摆脱该网站正在应用的所有样式，然后使用我自己的样式。为此，我正在使用cleanslate（http://cleanslatecss.com/），但这意味着我的所有样式都必须以！important开头，我可以接受，因为现在，这是我想走的路线（ShadowDOM由于种种原因对我不起作用。

我想知道的是，在构建时是否有任何webpack插件或其他可以用!important标签添加所有样式的东西？

Answer 1

!important is a bad practice，您应该改为使用CSS选择器专用性。

您还有一个all: unset属性，该属性将从其应用于的元素中删除所有CSS属性。

Be careful about the support though。