如何限制CSS只受特定npm包的影响？

这里是我使用的npm包： http : //blueprintjs.com/docs/#components.usage

我想使用他们的组件与CSS，但我不他们的CSS影响到我自己的CSS。 这可能只允许在该npm组件的CSS包受影响？ 谢谢。

Answer 1

正如@ barry-johnson在上面的评论中所说：我们使用pt-作为我们所有CSS类的命名空间，以避免与自己的应用程序样式发生冲突。 例如，您可以使用您自己的.custom-button旁边的.pt-button没有冲突。

但是，如果您使用Blueprint React组件，那么它将使用Blueprint类，并且您将要使用我们的CSS（因为它不仅仅是漂亮的颜色，还有一些有用的布局）。 希望有所帮助！