CSS不会影响角度模板中的任何内容

Question

我有一个角度模板，以此为模板：

<span class="supplement" ng-repeat="s in feeding.stats">{{s.abbreviation}}</span>

我有一个CSS类：

.supplement {
    background-color: rgb(34, 41, 48);
    color: rgb(233, 233, 233);
    padding: 5px;
    border-radius: 15px;
}

我可以在Firebug中看到span有正确的类'span.supplement'，CSS正确加载到页面中。当我用萤火虫检查时，属性没有显示出来。

为什么世界就是这样？该指令如下所示：

<div small-stats person='person'></small-feeding>

为什么这也不起作用？这是指令

function() {
    return {
        templateUrl: baseURI + "templates/small-feeding-directive.html",
        scope: {
            feeding: '='
        }
    };
}

修改

愚蠢的错误，我的css链接没有“rel”属性并修复了它。