可以转忽略其他样式表比自身

Question

我有一个ExtJS的应用程序，我嵌入到现有的HTML模板，插件JS/CSS等

林有我的模板风格和分机的CSS之间的冲突。作为一个简单的解决方案，我想知道是否可以告诉ext在创建组件时只使用自己的css文件。我已经实现了以下设置之前，我打开我的应用程序：

EXT = { buildSettings：{ “scopeResetCSS”：真//谢谢，但我会尽我自己的作用域，请 } };

这在某种程度上有效，但插件的css文件覆盖了某些ext组件（表单字段，对齐问题等）。

这是我第一次尝试将ext应用程序集成到html模板中，所以我的知识非常有限。

在此先感谢

Answer 1

据我所知，目前还没有办法在一个页面范围CSS，我不知道你是怎么做到的。如果你想避免冲突，恐怕你必须做一些重构。

一些建议：

• 构建你的CSS规则，在页面加载的ExtJS的文件，这意味着你正在与最终的环境在工作。而且，您可以使用自己的重置规则。
• 不要使用标签选择器（div,span,input ...） - 它适用于包括ExtJS在内的页面中的每个元素 - 除非目标元素从不承载任何ExtJS组件。
• 如ExtJS那样向您自己的选择器添加名称空间（#my-id,.my-class）（.x-button,.x-container）。

另一种解决方案是使用iframe对沙箱ExtJS进行沙箱，但这取决于项目的性质。我没有足够的信息来帮助你。