Question

我正在使用AngularJS建立一个网站。我正在使用Plangular来创建自定义的Soundcloud播放器。所以我包括我的模板：

<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会有所帮助，但事实并非如此。

感谢您的帮助！

Answer 1

只需为CSS规则添加前缀

Player.tpl.html：

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

CSS

.player .someclass {

}

.player .some-other-class {

}

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

1 个答案: