Sass颜色运算，总算有了眉目

所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。如：

p {
  color: #010203 + #040506;
}

计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09， 并且被合成为：

如此编译出来的 CSS 为：

p {
  color: #050709;
}

算数运算也能将数字和颜色值 一起运算，同样也是分段运算的。如：

p {
  color: #010203 * 2;
}

计算公式为 01 * 2 = 02、02 * 2 = 04 和 03 * 2 = 06， 并且被合成为：

p {
  color: #020406;
}

还有最重要的一点：

如果是 #ff0000 + #f00ff0 的话 #ff0ff0   最高加到 ff 再不往上了

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/490

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！