I'm currently working on a website utilizing AngularJS and Plangular to develop a unique Soundcloud Player. This is how I incorporate my template:
<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>
My layout consists of a header, body, and footer sections with the player located in the middle. While I have included specific CSS for the player template only, it seems that the styles are being applied across the entire page. I need assistance as I believed isolating the CSS to just that section would solve this issue, but unfortunately, it has not.
Your guidance and advice would be greatly appreciated!