【发布时间】：2013-05-21 23:06:47
【问题描述】：
所以我有几个不同的模板放入ng-view，每个模板都使用光滑的新ng-animate 指令进行动画处理。每个模板都有自己的 CSS，我需要想办法防止 CSS 发生冲突，让 template1 中的 h1 声明只适用于 template1，而不适用于 template2。
我目前知道的选项是重写 CSS，因为它即将提供给页面以定位父元素，我可以将其定义为与模板匹配的 ID。另一个不太理想的选择是使用 iframe，这意味着我会同时运行多个应用程序实例，每个实例都在自己的 iframe 中。
还有其他选择吗？哪种方式最能解决隔离每个 CSS 声明的目标？
【问题讨论】：
-
+1 用于为每个模板使用具体的 ID。也是为了防止与网页中的其他元素发生冲突
标签： css angularjs ng-animate