W3 C Ошибка валидатора: «Ошибка: CSS: background-image: неверный оператор». - PullRequest
0 голосов
/ 07 апреля 2020

Я протестировал свой код на валидаторе W3 C и получил ошибку, которую я не смог понять. Я упростил код, чтобы получить это:

<!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), но ничего не нашел.

Есть идеи о том, в чем проблема (и как ее решить)?

1 Ответ

0 голосов
/ 07 апреля 2020

Валидатор HTML использует валидатор CSS для проверки содержания <style> элементов.

Конструкция, которую вы используете для линейного градиента, основана на несколько цветовых остановок синтаксис, который определен на уровне 4 модуля CSS Image, хотя я считаю, что валидатор CSS реализует только до своего уровня 3 .

Переписав его как linear-gradient(red 0, red 110px, blue 110px, blue 200px, yellow 300px), он должен пройти проверку при получении того же эффекта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...