我正在构建一个其他人可能嵌入其网站的网络应用程序。此webapp的一部分构造对话框,这些对话框具有自己的样式表。例如,如果我的对话框容器位于类.container
中,则可能会出现问题,而应用程序嵌入的网站也会使用.container
进行其他方式。
我考虑重命名我的所有课程,例如.appname-container
,如果没有其他解决方案,我会这样做。但是,我想尽可能地懒惰。有没有更简单的方法可以防止与我无法控制的样式表发生无法预料的冲突?
修改:我的网络应用程序将自己包裹在<video>
元素周围,因此我不确定是否可以使用<iframe>
。
答案 0 :(得分:1)
iframe是避免与现有应用发生冲突的唯一方法。名称间距你的CSS很好,以避免在其他地方造成样式但没有框架,现有的样式可能会影响你的内容。如果您的内容很简单,您可能会有一些重置
答案 1 :(得分:1)
为了将来参考,我们最终将能够使用CSS3 all
属性:
http://www.w3.org/TR/css3-cascade/#all-shorthand
不幸的是,它似乎尚未准备好使用。 (我还没有在Caniuse找到它。)