2014-02-12 61 views
2

我爲我們的約1000人的subreddit完成了我的Reddit項目(CSS)。所有工作正常,但花花公子等待,我試圖驗證它在W3Schools的,並拋出了這一點:[href =#s]選擇器上的CSS解析錯誤

http://pastebin.com/VfSCrym8

如果你需要我在這裏的CSS文件,你去...我堅持這個問題

http://pastebin.com/dhyCPe3w

哦,我試着上傳Reddit上也和它同樣的錯誤了類似的變種出現:

[line 173] syntax error: "Selector: Unexpected HASH. [173:8: #s]"

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

如果你能解決這個可怕的錯誤,那麼我永遠都在向你求助!如果您需要的HTML文件還糾正然後說

編輯:

謝謝你們,

扔了這個錯誤也:

[line 1825] syntax error: "Selector: Unexpected HASH. [1825:30: > #icon-]"

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

試過""但沒不工作?

+0

我相信我昨天用引號試了一下,生病再試一次看看。對不起,是w3.ord。它像5am這裏,我的大腦運作得不好。 – user3302972

+3

你爲什麼使用w3schools來驗證任何東西?使用['W3C的CSS驗證服務'](http://jigsaw.w3.org/css-validator/)。 W3Schools是一個可怕的資源。順便提一下,你確實需要引號。 – crush

+0

@ user3302972使用引號工作。儘管如此,你必須得到他們。 – user2864740

回答

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學校無關

1

您需要引用

href="#s" 

還有一個額外}上線317

不透明性的東西可能是因爲它是一個IE瀏覽器黑客

校驗檢查相比,錯誤W3的標準,所以你必須採取一粒鹽。這個CSS的大部分仍然可以工作。但CSS選擇需要加引號是正確的(它仍然可以在瀏覽器中運行)

編輯:正如由user2864740提到 - use the W3 CSS validator

+0

哦,甜美的感謝:) 編輯:幾乎完成,但它吐了這個: [line 1825]語法錯誤:「選擇器:意外的HASH。[1825:30:#圖標 - ]」 .side .md blockquote a [ href * =#圖標 - ]:之前{ 我試圖把引號括在#和圖標後面或 - 都沒有工作......? – user3302972

+0

@ user3302972就像上面一樣。'a [href * =「#icon - 」]'。返回有效CSS標識符的規則,以查看值是否可以省略引號。或者,如果有疑問,請引用。 (引號包含*整個*值。) – user2864740

+0

它不起作用。 – user3302972