我可以将 CSS 应用于一个特定的 Ember.js 模板/路线吗

Question

目前，我有一个网页（或更像是网页的嵌入部分）需要与 Web 应用程序的其余部分不同 CSS。原因是因为我正在将数据从一个 Ember 网站传输到另一个 Ember 网站，我需要数据在两个网站上看起来完全相同。

这可能吗？我尝试使用

之类的东西

app.css

#remove_style {
  all: initial
}

但这不会重置为浏览器默认值（这意味着如果我 p {color: blue} 然后使用 initial 仍然会使所有 <p> 元素变为蓝色。

我也看了一些库，比如https://github.com/trentmwillis/ember-css-routes，但是看起来很旧而且没有维护？

我认为理想情况下，我可以为一条路线加载不同的样式表，但我不确定这是否可行。

Answer 1

您当然可以通过使用 sass (http://sass-lang.com/) 来防止样式从 泄漏到 应用程序中，或许可以使用像 [=10 这样的插件=].防止命名空间不佳的样式污染内部应用程序听起来更像是一个麻烦的问题；我能想到的最简单的修复只是内部应用程序的样式表，用于修补不需要的东西。