W3C CSS验证器 - 解析错误

时间:2014-04-03 08:36:24

标签: html css css3 validation

我知道有很多这样的帖子,但我真的找不到解决我问题的答案。

我真的想让我的CSS 3.0经过验证,我不知道怎么做,特别是在开始时那些解析错误。我检查过任何看不见的字符,但没有找到任何字符。

所以我的问题是那些解析错误的原因是什么?

另外我明白,如果我想提供浏览器的兼容性,我无法摆脱这个错误:
Sorry, the at-rule @-moz-keyframes is not implemented.

以下是指向validator结果和css

的链接 编辑:谢谢大家对“规则”的答案,但这几乎是我之前找到答案的修辞问题,但是想确定是否有任何改变。其他供应商扩展只是警告,而那些6(现在是2)是错误。

但主要的问题是关于解析错误,我不知道如何删除以及它为什么存在。

编辑解决方案:

你的回答和一点点测试让我得到了最终答案:
  - 供应商扩展只是警告,但不是关键帧(我认为此功能是新的)   - 解析错误仅仅是因为上述结论(关键帧扩展)   - 我还使用了@ -webkit-keyframes Kami给出的解决方案,并将所有动画放在单独的vendor.css中,我已经在javaScript的帮助下链接到html。

现在一切都在验证它应该是。

2 个答案:

答案 0 :(得分:1)

Firefox不使用前缀版本,只使用@keyframes用于firefox,但仍然-webkit-用于chrome,safari和opera。看看usability @caniuse.com

答案 1 :(得分:1)

@-moz-keyframes@-webkit-keyframes是浏览器供应商实施的专有CSS功能(旁注:-moz-webkit-称为供应商前缀。)他们认为这么新,他们还没有正式纳入W3 CSS3规范。这就是验证者为您提供此类错误的原因 - 它还不了解@-____-keyframes。从本文开始,将来可能会有官方的@keyframes支持。