css - 为什么 LESS 将 #fff 转换为白色？

Question

如果我有:

.foo
{
   background-color:#fff;
}

LESS 将其转换为:

.foo
{
    background-color:white;
}

这是为什么？浏览器处理命名颜色的速度是否快于 HEX 值？

我正在使用 dotless 实现 LESS .这会不会是在进行转换？如果是，为什么？

Answer 1

less.js 和 dotless 的区别

Color compression

In dotless we favour the color keyword over the hex code, if one matches. When compressing it chooses whichever is shorter.. e.g. #FFF, #FFFFFF, white then #FFF will be chosen, but in the case of red, the keyword red will be used.

In less.js every colour is replaced with a hex code.

以上引自 official Dotless GitHub page .

注意事项:

1. 该引述的第二部分听起来与第一部分有些矛盾，但我认为第一部分对于预期行为已经足够清楚了。
2. 正如 seven-phases-max 指出的那样在 his comment他们计划根据 Issue #332's log 解决这个问题已添加 DisableColorCompression 标志以禁用此压缩。
3. 十六进制代码映射的颜色关键字似乎在 Color.cs 中维护源文件。
4. Issue 317和 Issue 168还有两个类似的问题仍处于 open 状态，所以我不确定 DisableColorCompression 标志是否完全解决了十六进制代码到颜色名称转换项。