Javascript 如何在CSS连接构建过程中实现CSS定制

Javascript 如何在CSS连接构建过程中实现CSS定制,javascript,angularjs,css,gulp,Javascript,Angularjs,Css,Gulp,像GulpAngular这样的现代代码结构和构建过程将所有css连接到一个文件中,我们将其包含在网页中 假设我有一个template.html,我想在一周的每一天显示不同的样式。所以我有周一,周二,周日 如果将monday.css、tuday.css、…、sunday.css全部缝合在一起,我无法实现自定义 让构建过程包含一周中某一天的特定css的最佳方式是什么 [更新]从表面上看,我找到了这个项目,它似乎就是我要找的。有人在gulp angular这样的构建环境中使用过它吗?在那里,他们连接并

像GulpAngular这样的现代代码结构和构建过程将所有css连接到一个文件中,我们将其包含在网页中

假设我有一个template.html,我想在一周的每一天显示不同的样式。所以我有周一,周二,周日

如果将monday.css、tuday.css、…、sunday.css全部缝合在一起,我无法实现自定义

让构建过程包含一周中某一天的特定css的最佳方式是什么


[更新]从表面上看,我找到了这个项目,它似乎就是我要找的。有人在gulp angular这样的构建环境中使用过它吗?在那里,他们连接并缩小所有css文件?

最简单的方法是每天向body或html添加不同的类,从那里开始,一个样式表是没有问题的,可以由访问者加载。您是说这样做,然后加载monday.css吗?但是星期一css…星期天css已经加载了不,我的意思是:body.周一#idwhich{color:blue}body.周二#idwhich{color:red}。主体上的这个类或id变得像一个过滤器,它们可以一起放在工作表中。你只需要写下一天与另一天不同的东西。这可能适用于简单的情况:如果我所有的星期一.css…星期天.css只有simple.idwhatever{…}。如果我的monday.css有类似div:nth child(2n){…}的内容,而我的tuday.css有div:nth child(3n){…}等内容,那么这种方法仍然有效吗?我更倾向于动态加载相应的[day of the week].css…是的,它会起作用@GCyrillus的方法是可行的。你可以通过使用less之类的东西来减轻痛苦,这样你就可以嵌套你的风格了。所以星期一发生的一切都会进入一个巨大的星期一包装袋。