css – 为什么LESS将#fff转换为白色?

前端之家收集整理的这篇文章主要介绍了css – 为什么LESS将#fff转换为白色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有:
.foo
{
   background-color:#fff;
}

LESS将其转换为:

.foo
{
    background-color:white;
}

为什么是这样?浏览器是否比HEX值更快地处理命名颜色?

我正在使用dotless实现LESS.这可以进行转换吗?如果是这样,为什么?

解决方法

less.js和无点之间的差异

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.

笔记:

>该引言的第二部分听起来与第一部分相矛盾,但我认为第一部分陈述对预期行为足够明确.
>正如seven-phases-maxhis comment中指出的那样,他们计划修复此问题,并且根据Issue #332’s log,已添加DisableColorCompression标志以禁用此压缩.
>十六进制代码映射的颜色关键字似乎在Color.cs文件中维护.
> Issue 317Issue 168是另外两个仍然处于打开状态的类似问题,因此我不确定DisableColorCompression标志是否完全将十六进制代码转换为颜色名称转换项.

猜你在找的CSS相关文章