CSS验证：“解析错误[空字符串]”

Question

我一直在尝试验证我的CSS，以下几行不断返回错误Parse Error [empty string]

.content { width:80%; text-align:center; margin-left:auto; margin-right:auto; 
max-width:400px; border-width:4px; border-style:solid; border-color:#339900; 
padding:5px; margin-top:10px; margin-bottom:10px; border-radius:20px; 
background-color:#ccffcc; }
#side_link { position:fixed; bottom:5px; right:-4px; 
background-image:url('img/FruitfulLogo.png'); height:29px; width:22px; 
border-style:solid; border-width:2px; border-bottom-left-radius:5px; 
border-top-left-radius:5px; border-color:#F90; background-color:#FF9; }
#side_link:hover { background-image:url('img/FruitfulLogo_over.png'); }

我错过了一些非常明显或非常模糊的东西吗？

Answer 1

显然，抛出Parse Error [空字符串]的border-radius是W3C CSS验证器中的一个错误。

见http://www.w3.org/Bugs/Public/show_bug.cgi?id=11975。

Answer 2

你使用的是css3元素，而这只是一个草稿。 w3验证器尚未配备处理许多新属性和属性，并且在某些情况下它们会在完全有效的css上发出错误。这是其中之一。

只需给他们一年或更长时间来修补。在那之前，使用你自己的判断，css语法相对简单明智。

Answer 3

正如@BoltClock评论的那样，这似乎是一个验证器错误。

取出.content和#side_link中的border-radius项目，它可以很好地验证。据我所知，他们是正确的。

Answer 4

.content {
    margin:10px auto;
    padding:5px;
    border:4px solid #390;
    border-radius:20px;
    width:80%;
    max-width:400px;
    background-color:#cfc;  
    text-align:center;
}

#side_link {
    position:fixed;
    bottom:5px;
    right:-4px;
    width:22px;
    height:29px;
    border:2px solid #F90;
    border-radius:5px 0 5px 0;
    background-color:#FF9;
    background-image:url('img/FruitfulLogo.png');
}

#side_link:hover {
    background-image:url('img/FruitfulLogo_over.png');
}

我要同意验证器是疯了，因为当我输入上面的内容时，它会显示错误。但是你必须注意，在错误之下它会输出以上所有内容并说“所有这些东西都是有效的”。

Answer 5

我把它通过了W3C验证器，这就是我得到的。

3：.content - 属性border-radius在CSS级别2.1中不存在，但存在于：20px 20px中

7：#side_link - 属性border-bottom-left-radius在CSS级别2.1中不存在但存在于：5px 5px

8：#side_link - 属性border-top-left-radius在CSS级别2.1中不存在但存在于：5px 5px

检查CSS3版本时，它们的行号相同。