gpt4 book ai didi

css - 如何隔离可嵌入 Web 组件的 css 类

转载 作者:行者123 更新时间:2023-11-28 07:54:55 25 4
gpt4 key购买 nike

我已经为数据可视化编写了一个可嵌入的 Web 组件。除了js和html之外,当然还有关联的css类。我需要隔离 css 类,这样它们就不会覆盖和/或破坏它嵌入的更大 Web 应用程序上下文的 css 类名称。

实现此目标的最佳做法是什么?

最佳答案

解决此问题的一种可能方法是使用 scoped CSS .我不喜欢这个解决方案,只有在别无他法时才使用它。

刚刚发现不支持作用域,至少不是所有的浏览器都支持,only Firefox does

另一种解决方案是为所有 CSS 类和 ID 使用前缀,但如果文件很大,这可能会花费很多时间。

顺便说一句,如果嵌入意味着在iframe中,没有问题,因为它不应用嵌入站点的css。

关于css - 如何隔离可嵌入 Web 组件的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30176504/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com