可以轉忽略其他樣式表比自身

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進行沙箱，但這取決於項目的性質。我沒有足夠的信息來幫助你。