如何更改示例sencha touch应用程序的默认css属性

这是我的css代码。 我在MyApp/resources/sass/stylesheet/app.scss中添加了这个css代码

.dataview-item{
   width : 33.33%;
   height : 50%;
   border-right: 1px solid #000;
   border-bottom: 5px solid #59535E;
   float:left;   
   padding:2px;
}

.arHeadline{
    font-size: 16px;
    font-weight:bold;
    overflow:hidden;
    font-family: 'Museo Sans';
    color: #66ab16;
}
.arbyline{
    font-size:10px;
    font-style:italic;
    font-family: 'Museo Sans';
}

我还在视图块中实现了上述css，如下所示：

Ext.define('MyApp.view.MyContainer', {
extend: 'Ext.Container',

config: {
    items: [
        {
            xtype: 'dataview',
            height: '100%',
            styleHtmlContent: true,
            width: '100%',
            layout: {
                type: 'fit'
            },
            inline: {
                wrap: true
            },
            itemCls: 'dataview-item',
            itemTpl: [
                '<div class="arHeadline">',
                '    {Headline}',
                '</div>',
                '<div class="arbyline">',
                '    {Author}',
                '</div>',
                '<div class="arcontent">',
                '    {Content}',
                '</div>'
            ],
            store: 'articlestore'
        },
        {
            xtype: 'toolbar',
            docked: 'top',
            title: 'Summary'
        }
    ]
}
});

但我仍然只得到输出上的标题栏，css没有任何变化。有谁能帮我更改默认的CSS并添加上面提到的CSS吗

---

请尝试compass watch，您已经在sass文件夹中，请尝试清除缓存并启动浏览器

$ cd MyApp/resources/sass/

$ compass watch ./