如何限制仅在特定 npm 包中受影响的 CSS？答案

【问题标题】：How to limit the CSS only affected in a particular npm package?如何限制仅在特定 npm 包中受影响的 CSS？
【发布时间】：2017-03-28 06:58:42
【问题描述】：

我想将他们的组件与 CSS 一起使用，但他们的 CSS 不会影响我自己的 CSS。这是否可能允许仅在该 npm 组件中影响 CSS 包？谢谢。

【问题讨论】：

没有真正的自动方式。但是，从对他们的文档的 very 粗略扫描来看，他们似乎可能使用 pt-* 作为他们的伪“命名空间”，因此您可能找不到任何实际的 CSS 冲突（前提是您没有为所有你的班级pt-。

【解决方案1】：

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

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

【讨论】：