css - 如何为模板分配不同的CSS

Question

我们在应用程序中有两个设计，着陆页的设计和仪表板的设计，让 meteor 加载所有的 css，在 css 冲突中解决，所以我想为不同的模板加载不同的 css。尝试通过 link(rel="stylesheet", href="landing7/css/theme.css") 加载它有效，但该应用程序似乎需要半秒钟才能显示正确的布局，起初它显示无样式的页面并快速添加 css 。这可能是围绕预加载和合并 css 的 meteor 方式工作时要付出的代价，我想知道是否有更好的方法来做到这一点

Answer 1

您不能有选择地为不同的路由/模板加载不同的 CSS 页面。让您的模板以包装器开头，例如 <div class="foo-template"> ，并为该模板命名您的 CSS，例如.foo-template h1 {...} .