在meteor js中,如何确保CSS文件将覆盖特定模板的其他内容?

在meteor js中,如何确保CSS文件将覆盖特定模板的其他内容?,meteor,Meteor,我读过关于meteor文件加载顺序的帖子 但是,如果我希望确保CSS片段将覆盖以后为另一个模板加载的任何其他CSS,我如何确保CSS片段具有模板的最终单词 把它放在最上面的文件夹中,非lib会在下面的模板之前加载它。使用另一个模板,问题将与另一个模板的POV相同 有些人建议,而且我喜欢,为每个模板都有一个CSS文件,这样我们就知道该模板使用什么CSS,即使meteor整合了它们,我们也不会构建一个大的CSS。我喜欢为每个模板添加唯一类名的惯例。下面是一个例子: {{each posts} {{t

我读过关于meteor文件加载顺序的帖子

但是,如果我希望确保CSS片段将覆盖以后为另一个模板加载的任何其他CSS,我如何确保CSS片段具有模板的最终单词

把它放在最上面的文件夹中,非lib会在下面的模板之前加载它。使用另一个模板,问题将与另一个模板的POV相同


有些人建议,而且我喜欢,为每个模板都有一个CSS文件,这样我们就知道该模板使用什么CSS,即使meteor整合了它们,我们也不会构建一个大的CSS。

我喜欢为每个模板添加唯一类名的惯例。下面是一个例子:

{{each posts} {{text}}

{{/每个}} 然后在css中,您可以专门针对posts模板的实例,如下所示:

.uu员额p{ 颜色:蓝色; }
当然,您不必使用双下划线,但我发现这样可以方便地指示类对于模板是唯一的。还要注意,这种技术解决了另一个常见问题:如何识别哪个模板呈现了当前DOM的哪个部分。

!重要提示:您是否打算多次使用此类?如果是这样的话,你可能想让它出现在你的代码中,否则一个id就可以了。你提醒我一个重要的工具,是CSS的类和id,谢谢,但是很多框架和包——比如bootstrap——以及我们自己的IU逻辑需要很多类。我们如何确保一个类是最后定义的,这样它的CSS就会覆盖其他类?我们只需要在div块的类列表中声明它的最后一个吗?要理解我的答案,先决条件是要知道如何工作。通过在css中使用更大的特殊性,您可以轻松地针对特定元素,而无需担心加载顺序。