css - 0 因为饱和度和亮度不起作用但 0% 在 hsl/hsla 中起作用？

Question

我正在尝试一个简单的演示，其中我为 hsl 中的元素赋予了颜色。根据我的所有经验，我知道 CSS 中的 0(ZERO) 是无单位的。如果你想指定 0 作为一个值，你可以离开这个单位。

然而，hsl/hsla 似乎并非如此。在 Chrome 和 Firefox 上，它会导致无效的属性值。

这是一个与切线相关的问题，但其中包含的答案是零在指的是规范时应该是无单位的。

Any bug with hsla(0, 0%, 0%, 0), becoming hsla(0, 0, 0, 0)? (missing percent sign)

hsl(0,0,0)     // error
hsl(0,0%,0)    // error
hsl(0,0,0%)    // error

它是专门为处理零附近的单位而设计的吗？是否有任何其他类似的属性必须在零旁边有一个单位？

Answer 1

CSS 中的 0 是无单位的，不是任何 0，否则无法消除歧义(例如，在简写中)。这是 ，而不是 。

规范:

• http://www.w3.org/TR/css-values/#percentages
• http://www.w3.org/TR/css-values/#lengths