css - 我可以将 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/ ) 来防止样式从应用程序中泄漏，或许可以使用像 ember-body-class 这样的插件。防止命名空间不佳的样式污染内部应用程序听起来更像是一个麻烦的问题；我能想到的最简单的修复方法就是为内部应用程序创建一个样式表，以修补掉不需要的东西。