如何仅在一个HTML文件上应用css

我正在用AngularJS构建一个网站。我使用Plangular来创建一个定制的Soundcloud Player。所以我包括我的模板是这样的：如何仅在一个HTML文件上应用css

<body> 
    <div id="container"> 
    <div id="header" ng-controller="HeaderCtrl"><div ng-include="'templates/Header.tpl.html'"></div></div> 
    <div id="body" ng-view></div> 
    <div id=""><div ng-include="'templates/Player.tpl.html'"></div></div> 
    <div id="footer" class="center" ng-controller="FooterCtrl"><div ng-include="'templates/Footer.tpl.html'"></div> 
    </div> 
</body>

所以，你可以看到我有一个标题，一个正文和一个页脚。在它的中间我有一个球员。我将该特定的CSS文件包含在该模板中，并仅在该模板中包含，但CSS以适用于整个页面的方式。我需要那些CSS。并且我认为只在该页面上包含CSS才会有帮助，但事实并非如此。

感谢您的帮助！

来源

2014-11-24 Nicolas Charvoz

只是前缀的CSS规则

Player.tpl.html：

<div class="player"> whatever </div>

CSS

.player .someclass { 

} 

.player .some-other-class { 

}

来源

2014-11-24 21:55:49 AlienWebguy

我会尝试这一点，一个漫长的工作。我希望它会工作:) – 2014-11-24 21:58:53

如何仅在一个HTML文件上应用css

回答

相关问题