gpt4 book ai didi

css - 防止 webapps 中的 CSS 冲突

转载 作者:太空宇宙 更新时间:2023-11-04 04:02:55 25 4
gpt4 key购买 nike

我正在构建一个网络应用程序,其他人可以将其嵌入到他们的网站上。这个 webapp 的一部分构建了对话,它们有自己的样式表。例如,如果我的对话容器在类 .container 中,则可能会出现问题。 ,而应用程序嵌入的网站也使用 .container用于其他一些方式。

我考虑过重命名我所有的类,例如 .appname-container ,如果没有其他解决方案,就会这样做。但是,我想尽可能地懒惰。有没有更简单的方法来防止与我无法控制的样式表发生不可预见的冲突?

编辑:我的 webapp 将自己包裹在一个 <video> 周围元素,所以我不确定 <iframe>可以使用。

最佳答案

iframe 是避免与现有应用发生所有冲突的唯一方法。名称间距您的 css 可以很好地避免在其他地方造成样式,但如果没有框架,现有样式可能会影响您的内容。如果您的内容很简单,您可能可以通过一些重置来摆脱困境

关于css - 防止 webapps 中的 CSS 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21793225/

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