可以外部忽略自己的样式表

Question

我有一个extjs应用程序，我使用js plugins / css等嵌入到现有的HTML模板中。

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

Ext = {        buildSettings：{           “scopeResetCSS”：是的//谢谢，但我会自己确定范围         } };

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

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

提前致谢

Answer 1

据我所知，没有办法将CSS放在一个页面中，我不知道你是怎么做到的。如果你想避免冲突，我担心你将不得不做一些重构。

一些建议：

• 使用页面中加载的ExtJS文件构建CSS规则，这意味着您当前正在使用最终环境。此外，您可以使用自己的重置规则。
• 不要使用标记选择器（div，span，input ...） - 它们适用于页面中的每个元素，包括ExtJS元素 - 除非目标元素从不托管任何元素ExtJS组件。
• 为ExtJS（#my-id，.my-class）添加名称空间到您自己的选择器（.x-button，.x-container）。

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