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

我把它放在了W3C验证器上，这就是我得到的。

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

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

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

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

Answer 4

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

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

Answer 5

.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');
}

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

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

5 个答案: