Question

我们必须为forge-viewer包含CSS文件，但它会破坏我们自己的网站样式。例如： - 伪造CSS包含Alertify样式（它们覆盖我们自己的自定义Alertify样式） - 伪造CSS有“#close”的样式 - 这打破了我们的关闭按钮 - 等等

你可以建议解决这个关键问题吗？

Answer 1

通过确定您自己的CSS或查看器的范围可以轻松解决CSS冲突。很难告诉你究竟如何解决它，因为有很多不同的方法来处理它，而且不知道你的css / html是如何构造的，我不能告诉你最好的方法。

如果您使用的是LESS或SASS，则非常简单：Easily scope CSS using LESS or SASS。您可以通过将查看器div id或类添加到其样式来确定查看器样式的范围。

另一种方法是调整自己的CSS，例如你的#close按钮必须是特定类的直接子项：

// instead of using: 
#close { ...}

// add a parent class:
button#close.my-app { ... }

希望有所帮助