我在W3C验证器上测试了我的代码,并收到了我无法理解的错误。我简化了代码以获取此信息:
<!DOCTYPE html>
<html lang="">
<head>
<title>Test</title>
<style>
.class{background-image: linear-gradient(red 0 110px, blue 110px 200px, yellow 300px)}
</style>
</head>
<body>
<p></p>
</body>
</html>
并且收到以下错误:错误:CSS:background-image:是错误的运算符。
在第6行,第85栏
x, yellow 300px)}↩</style>↩</h
右括号被突出显示。我查看了此处错误的解释(https://validator.w3.org/docs/errors.html),但未找到任何内容。
关于什么是问题(以及解决方法)的任何想法?
HTML验证程序使用引擎盖下的CSS validator来验证<style>
元素的内容。
用于线性渐变的构造依赖于multiple color stops语法,该语法在CSS Image模块的第4级中定义,而我认为CSS验证程序最多只能实现its level 3。
将其重写为linear-gradient(red 0, red 110px, blue 110px, blue 200px, yellow 300px)
应该使其通过验证同时获得相同的效果。