我有一个带有twitter bootstrap css文件和app styl文件的流星项目。我怎么能让styl比bootstrap css优先?即两个文件中可能存在冲突的标签,但我不想梳理引导程序css以删除它们。
在添加bootstrap css之前,我的格式看起来就像我喜欢的那样。添加bootstrap css后,部分格式化已关闭。
答案 0 :(得分:2)
我不建议使用!important
规则,因为它会弄乱您的代码并使其难以维护。
在Meteor中你可以使用尽可能多的样式表,只需要记住负载顺序:
- 首先加载应用程序根目录下的lib目录中的文件。
- 匹配main。*的文件将在其他所有内容后加载。
- 子目录中的文件在父目录中的文件之前加载,以便加载最深子目录中的文件 首先(在lib之后),最后加载根目录中的文件 (除了主要。*)。
- 在目录中,文件按文件名的字母顺序加载。
这些规则堆叠,因此在lib中,例如,文件仍然是 按字母顺序加载;如果有多个文件命名 main.js,子目录中的那些更早被加载。
有关详细信息,请查看docs.meteor.com。
答案 1 :(得分:1)
为了节省您的长期努力,我强烈建议您使用SASS!