ExtJS：添加CSS

我对网络方面的事情还不熟悉，对如何处理CSS感到困惑。（谢天谢地），到目前为止，在使用ExtJS4时，几乎没有直接操作HTML/CSS。。。所以现在我需要更改CSS，我遇到了问题

具体来说，我正在尝试动态更改手风琴标题背景的颜色

Javascript:

CSS:

因此：

• 通过

  setStyle

  设置样式确实有效，但它不允许我轻松删除样式
• 使用CSS通过

  addCls

  设置尝试1加载CSS，但会被

  覆盖.x-accordion-item

• 使用CSS通过

  addCls

  设置尝试2无法加载CSS

---

帮助？

例如，如果要删除此处设置的背景样式：

subForm.getHeader（）.getEl（）.setStyle（'background'，'hsl（100,60%，60%））

css将允许您通过再次设置来覆盖它，例如：

subForm.getHeader（）.getEl（）.setStyle（'background'，'none'）

或

subForm.getHeader（）.getEl（）.setStyle（'background'，'blue'）

当提供多种样式时，css特别重视如何判断哪些样式最“重要”——

通过使用setStyle（）方法，您可以将“内联”样式应用于这些元素，例如，如果您想删除此处设置的背景样式，则文件或
样式中的其他css定义的优先级较低

subForm.getHeader（）.getEl（）.setStyle（'background'，'hsl（100,60%，60%））

css将允许您通过再次设置来覆盖它，例如：

subForm.getHeader（）.getEl（）.setStyle（'background'，'none'）

或

subForm.getHeader（）.getEl（）.setStyle（'background'，'blue'）

当提供多种样式时，css特别重视如何判断哪些样式最“重要”——

通过使用setStyle（）方法，您可以将“内联”样式应用于这些元素，因为文件或
style
html标记中的其他css定义优先级较低
啊，太棒了！我不知道我可以这么容易地删除内联！帮了大忙。你知道为什么我尝试使用
addCls
失败了吗？特别是第二次尝试没有加载css。这是正确的语法吗？啊，伟大的链接！我不知道我可以这么容易地删除内联！帮了大忙。你知道为什么我尝试使用
addCls
失败了吗？特别是第二次尝试没有加载css。这是正确的语法吗？
    afterrender: function(subForm) {
        subForm.getHeader().getEl().addCls('custom-accordion-hd-valid');
        // this works - so I know it's the right element.
        subForm.getHeader().getEl().setStyle('background', 'hsl(100, 60%, 60%)');
    }

// attempt 1
.custom-accordion-hd-valid {
background: green;
}

// attempt 2
.custom-accordion-hd-valid .x-accordion-hd {
background: green;
}