ExtJS的：主题化单组分(ExtJS: Theming single component)

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

我试图读取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;
}

文章来源: ExtJS: Theming single component