twitter-bootstrap - 流星：使用多个样式表

Question

我有一个带有 twitter bootstrap css 文件和一个 app styl 文件的流星项目。我怎样才能让styl优先于bootstrap css？即两个文件中可能有冲突的标签，但我不想梳理引导 css 来删除它们。

在添加引导 css 之前，我的格式看起来就像我喜欢的那样。添加引导 css 后，某些格式已关闭。

Answer 1

我不推荐使用!important规则，因为它会弄乱您的代码并使其难以维护。

在 Meteor 中，你可以使用尽可能多的样式表，你只需要记住加载顺序：

• 首先加载应用程序根目录下的 lib 目录中的文件。
• 匹配 main.* 的文件在其他所有内容之后加载。
• 子目录中的文件在父目录中的文件之前加载，因此最深的子目录中的文件首先加载（在 lib 之后），最后加载根目录中的文件（除了 main.*）。
• 在目录中，文件按文件名的字母顺序加载。

这些规则堆叠起来，例如在 lib 中，文件仍然按字母顺序加载；如果有多个名为 main.js 的文件，则子目录中的文件会更早加载。

有关更多信息，请查看docs.meteor.com。

Answer 2

从长远来看，为了节省您的精力，我强烈建议您使用 SASS！