sass多个颜色文本

本文主要是介绍sass多个颜色文本，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

没什么技术含量，完全就当日记写

场景：遇到一个列表，里面花花绿绿的，有很多种颜色，就用span来包，但是颜色呢，我又不想一个一个写color，正好颜色要求不高，就用标准的red、green这种来写，所以就起了redSpan、greenSpan这样的类名，这样一看，如果不用sass写的好看点真的过不去了

于是就开始查sass的用法，以前都是用最简单的嵌套属性，一下子想不起来用什么，查了一通，反正最后代码是这样的，不讲了，挺简单的

$name-list: red green orange;@each $color in $name-list{.#{$color}Span{color: $color;}  
}

感想：很多框架或者类库的高级属性平时看着感觉用不到，那多半是因为做的东西太简单了，不过重复的东西很能提醒自己去寻找更简便的方法。

如果要写个文件看看输出对不对，那就用node-sass好了，装起来简单，全局安装，然后node-sass –watch input.scss output.css

这篇关于sass多个颜色文本的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---