Css Sencha Touch：所选列表样式不'；行不通

这可能是一个非常简单的问题，但由于某种原因，我在代码中找不到问题。我有一个Sencha Touch应用程序。我在特定的列表类定义中定义了

itemCls

：

xtype: 'list',
store: 'Tenders',
itemCls: 'tenders',
onItemDisclosure: false,
itemTpl: [
    '<div class="name">{name}</div>',
            '<div class="description">{description}</div>'
].join(''),

但是，所选项目不是绿色的。我可以在Chrome调试器中看到以下类附加到列表中的选定项：

<div class="x-list-item-first x-list-header-wrap x-list-item x-stretched x-list-item-tpl tenders x-list-item-relative x-item-selected" id="ext-simplelistitem-211" style="min-height: 50px !important;">
  <div class="x-unsized x-list-disclosure x-item-hidden" id="ext-component-436" style="display: none !important;"></div>
  <div class="x-innerhtml" id="ext-element-563">
    <div class="name">Name</div>
    <div class="description">Description</div>
  </div>
</div>

名称
描述

我还可以看到正在应用

.tenders{padding:0.7em 0.7em}

样式，但没有应用

.tenders.x-item-selected

知道我做错了什么吗

使用：

.tenders.x-item-selected {
    background-color: green;
}

为了使代码更加重要，标准Sencha css可以使用完整路径

.tenders.x-list-item.x-item-selected.x-list-item-tpl

或

---

请勿在投标书和x-item-seleced之间添加空格，因为它们位于同一级别，而名称和说明位于投标书分区内

谢谢。我找到了正确的方向。简单地删除空间是行不通的，因为默认css仍然有优先权。我不得不将第一行替换为

.tenders.x-list-item.x-item-selected.x-list-item-tpl

.tenders.x-list-item.x-item-selected.x-list-item-tpl

background-color:green!important;