如何为模板分配不同的css

Question

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

Answer 1

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