Sencha touch 2 Sencha touch在scss中创建特定容器的主题

我想知道如何主题化一个特定的容器，而不是整个应用程序中的每个容器

#ext-element-18 x-scroll-container

如果我想改变这个的背景色，会是什么

app.scss

#ext-element-18 x-scroll-container{
  background-color: #000;
}

---

这不起作用

将CSS基于自动生成的id（如

ext-element-18

）是不好的做法。它可以随时改变。所以我建议你使用

为您的订约人赋予cls属性：

cls:'my-css-class'

然后在CSS或SCSS文件中使用这个类来定制组件

如果您需要访问组件的子组件，现在可以执行以下操作

.my-css-class .x-scroll-container{
  // custom style
}

这也行得通

Ext.get(Ext.fly('ext-groepen_detail-1').query('.x-scroll-container')).elements[0].style.backgroundImage = 'url("http://somedomain/path/to/test logo 2.jpg")';

---

那是因为你忘了带钥匙。在x-scroll-container之前，请参阅我的答案以了解最佳实践