[href = #s]选择器上的CSS解析错误

时间:2014-02-12 18:35:32

标签: css syntax syntax-error parse-error

我为大约1000人的subreddit完成了我的Reddit项目(CSS)。所有工作都很好,花花公子但是等等,我试着在w3schools验证它并且它抛出了这个:

http://pastebin.com/VfSCrym8

如果你需要我的CSS文件,你就去...我遇到了这个问题

http://pastebin.com/dhyCPe3w

哦,我也尝试在Reddit上传它,它也出现了同样错误的类似变体:

  

[第173行]语法错误:“选择器:意外的HASH。[173:8:#s]”

a[href=#s], a[href=/s] { /*...*/ }

如果你能解决这个可怕的错误,那么我将永远向你辩论!如果您还需要Html文件来纠正它,那么请说

编辑:

谢谢你们,

也抛出了这个错误:

  

[第1825行]语法错误:“Selector:Unexpected HASH。[1825:30:> #icon - ]”

.side .md blockquote a[href*=#icon-]:before {

试过""但是没有用?

2 个答案:

答案 0 :(得分:1)

你需要引用

href="#s"

第317行还有一个额外的}

不透明的东西可能是因为它是IE黑客

验证器检查与W3标准相比的错误,因此您必须使用一粒盐。这个CSS的大部分仍然可以工作。但CSS选择器需要在引号中是正确的(它可能仍然在您的浏览器中工作)

编辑:正如user2864740所述 - use the W3 CSS validator

答案 1 :(得分:0)

选择器值需要引用(使用单引号或双引号),因此

a[href="#s"], a[href='/s']

因为#s/s都不遵循CSS identifier token的规则,因此必须使用字符串。


CSS标识符令牌在表单中,允许转义:

-?[a-zA-Z_{Non-ASCII}][a-zA-Z0-9_{Non-ASCII}]

原始CSS语法无效,因为#(和/) ASCII,但不在批准的集合中。


如果不这样做,我建议使用W3C CSS Validator;请注意,W3C与W3学校无关