css - 为什么 itemTpl 不识别 css 类？

Question

我正在尝试使用在 css 文件中定义的类（carousel-squares）来格式化从服务器检索到的每条记录。我需要每条记录都出现在我视图中的缩略图中。但是，当我在 itemTpl 的 div 中使用它时，什么也没有出现。为什么 itemTpl 不识别类？如果我在外面使用类（在 cls 中：）它会被识别。

我在数据视图中的代码如下：

      xtype: 'dataview',
                                    store: {
                                        autoLoad: true,
                                        fields: ['Title', 'Description', 'State'],                                      

                                        proxy: {
                                            type: 'ajax',
                                            url: 'ws/idea/GetByState.php?title=&page=1',
                                            reader: {
                                                type: 'xml',
                                                record: 'WebIdea',
                                                rootProperty: 'GetByStateResult'
    }
                                        }
                                    },
                                    styleHtmlContent: true,
                                    cls: 'carousel-squares',
                                    itemTpl: '<div class="carousel-squares"><h3>{Title}</h3><p>{Description}</p></div>',
                                    flex: 1

我的CSS如下：

.carousel-squares {
    background-color: #fcfcfc;
    border: 2px solid #99cb39;
    width: 90%;
    height: 30px;
    margin: 20px 5px;
}