ExtJS：主题单个组件

Question

我的目标是更改单个面板的标题字体大小。

我试图读取http://docs.sencha.com/extjs/4.2.1/#!/guide/theming，但我发现所有的东西都是主题化整个应用程序，主题为“主题JS覆盖”中的所有面板中的项目和重写配置选项，但没有重写的CSS变量单个组件。

有没有什么办法可以在整个项目中不用担心这个SASS？

Answer 1

只需添加一个类面板，然后创建一个规则匹配：

new Ext.panel.Panel({ 
    cls: 'foo', 
    renderTo: document.body, 
    title: 'X' 
}); 

.foo .x-header-text { 
    font-size: 24px; 
}