如何验证 CSS3 HSLA 颜色值？

Posted 2023-03-06

【中文标题】如何验证 CSS3 HSLA 颜色值？

【英文标题】：How to validate CSS3 HSLA color values?

【发布时间】：2012-03-08 04:36:39

【问题描述】：

我喜欢检查 CSS 有效性。它使事情变得更好。但是，我使用的样式表指定了一些颜色，就像这样..

border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );

在使用 W3C 验证服务时会导致错误（即使设置了level=css3），例如...

值错误：border-right 太多值或值无法识别：1px solid hsla(0,0%,0%,0.2)

我也试过了……

border-left:  1px solid ; border-left-color: hsla( 0, 0%, 100%, 0.3 );

但是返回...

值错误：border-left-color hsla(0,0%,100%,0.3 ) 不是边框颜色值：hsla(0,0%,100%,0.3 )

我猜这个符号只是一个“候选”，according to this spec... 这是否意味着验证它，在这一点上，根本不是一个选项？是 alpha 搞砸了。我能以某种方式“打破这个价值”吗？

【问题讨论】：

试图更改您的（完全有效的）代码只是为了让一项自动化服务识别它是毫无意义的。

我创建了一个 html/CSS3 文档。使用hsla() 属性为<div> 提供透明背景并正确验证。然后我使用类似的hsla() 值给我的<div> 一个边框，但它没有验证。正如下面的 BoltClock 所指出的，我认为这是一个错误。

【参考方案1】：

这是一个已知的验证器错误 reported。您的 CSS 声明都是有效的，对于验证器无法识别它们，您无需做任何事情。

顺便说一下，你引用的规范已经过时了； CSS3 颜色模块已经是a W3C Recommendation。