W3C CSS Validator - Ошибка разбора

Question

W3C CSS Validator - Ошибка разбора

Я знаю, что таких сообщений много, но я действительно не могу найти ответ, который решает мою проблему.

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

Так что моя проблема в том, что может быть причиной этих ошибок разбора?

Также я понимаю, что если я хочу обеспечить совместимость для браузеров, я не могу избавиться от этой ошибки:
Sorry, the at-rule @-moz-keyframes is not implemented.

Вот ссылка на результаты валидатора и мой CSS

РЕДАКТИРОВАТЬ: Спасибо всем за ваши ответы относительно "по правилу", но это был почти реторический вопрос, на который я нашел ответ ранее, но хотел быть уверен, что что-то изменилось. Также дело в том, что остальные расширения вендора - это только предупреждения, а те 6 (теперь 2) - ошибки.

Но главный вопрос был об ошибке разбора, которую я не знаю, как устранить и почему она там есть.

РЕДАКТИРОВАТЬ РЕШЕНИЕ:

Ваши ответы и немного испытаний привели меня к окончательному ответу:
- Расширения вендора являются только предупреждениями, но не в случае ключевых кадров (я думаю, что эта функция является новой).
- Ошибка разбора была только из-за вышеуказанного вывода (расширение ключевых кадров).
- Я также использовал для @-webkit-keyframes решение, данное Kami, и поместил все анимации в отдельный vendor.css, который я связал с html с помощью javaScript.

Теперь все проверяется, как и должно быть.

-1

html css css3 validation

Источник

user3295245 03 апр '14 в 08:36

2 ответа

Другие вопросы по тегам html css css3 validation

user1180790 03 апр '14 в 08:39 2014-04-03 08:39 · Answer 1 · 2014-04-03 08:39

Firefox не использует префиксную версию, используйте просто @keyframes для Firefox, но все же -webkit- для хрома, сафари и оперы. Посмотрите на удобство использования @ caniuse.com.

1

Источник

user1180790 03 апр '14 в 08:39

user1387572 03 апр '14 в 08:39 2014-04-03 08:39 · Answer 2 · 2014-04-03 08:39

@-moz-keyframes, @-webkit-keyframes являются проприетарными функциями CSS, реализованными поставщиками браузеров (Примечание: -moz, -webkit- известны как префиксы вендоров.) Они настолько новы, что не были официально включены в спецификацию W3 CSS3. Вот почему валидатор выдает такую ошибку - он не знает о @-____-keyframes еще. В будущем со времени этого поста, возможно, будет официальный @keyframes служба поддержки.