我该如何清理我的CSS?

时间:2010-12-30 22:44:07

标签: css validation css3

由于css3和大量警告,我有大量的css验证错误。处理这个问题的最佳方法是什么?这是验证:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbrainbuzzmedia.com%2Fthemes%2Famplify%2Fwordpress%2F&profile=css21&usermedium=all&warning=1&lang=en

3 个答案:

答案 0 :(得分:2)

由于您是根据CSS2.1规范验证CSS,因此您可能会为样式中包含的任何CSS3属性(例如圆角)获得一系列错误。您应该根据您所写的最高规范进行验证:在您的情况下使用CSS3。

如果我们run the validator again with CSS3,您会立即将所看到的错误数量减半。同样,您可以忽略为特定于供应商的属性(例如-moz-border-radius)提供的错误,因为CSS规范不会根据浏览器的类型进行区分,它唯一关注的是标准border-radius声明。浏览器供应商已经采用了他们自己的前缀来对抗尚未实现的标准(尽管现在恕我直言,所有浏览器都应该支持边界半径)。

一旦你解决了这些问题,你的错误列表实际上看起来很容易管理,只有几个明星黑客验证者不喜欢。如果你可以更好地调整你的CSS以在IE中获得相同的结果而没有那么多的黑客攻击(或者可能包含一个单独的IE样式表以及你的Wordpress模板中的条件注释)你的样式应该看起来都很好。

最重要的是,如果你使用的是CSS3和特定于供应商的前缀,你可以期望W3C Validator能够根据它认为的非标准声明来召唤你。

答案 1 :(得分:1)

如果你的CSS是CSS 3,你可以设置验证器来评估它。它在该链接上将其评估为CSS 2.1。

答案 2 :(得分:0)

使用实际的css注释,而不是简单地在规则前放置一个asterix。如果你来回做事,你总是可以使用懒惰的评论。

解析规则:

/* */
.body { display: none; }
/* */

在第二个星号

之后添加空格时,这不会
/* * /
.body { display: none; }
/* */

如果你必须使用你通过在其前面放置一个假字符来“关闭”规则的方法,至少不要指望你的页面能够很好地验证。