爲什麼在CSS中，＃1（作爲div元素的id）樣式不起作用？

<div class="image" id="1"></div> 
<div class="image" id="2"></div> 
<div class="image" id="3"></div>

http://codepen.io/Chrez/pen/KdWrBe 爲什麼在CSS中，＃1（作爲div元素的id）樣式不起作用？

正如你在「ID = '1'」的codepen造型見不起作用。

我需要這種方式，因爲它是用於滑塊，我的jQuery函數以這種方式工作。

來源

2015-10-04 Chrez

你可以讓我的答案，因爲公認的答案，如果你有你正在尋找的答案。它會幫助其他人知道相同的信息。 –

它的CSS的規則，你不能使用數字作爲起始字符或類或ID。這就是爲什麼它不會工作。您至少必須在號碼前加1個字母！

這是在W3C說 -

在CSS中，標識符（包括元素名稱，類別，並在選擇的ID）只能包含字符[A-ZA-Z0-9]和ISO 10646字符U + 00A0或更高，加上連字符（ - ）和下劃線（_）;他們不能以數字，兩個連字符或連字符後跟數字開頭。標識符也可以包含轉義字符和任何ISO 10646字符作爲數字代碼（參見下一項）。例如，標識符「B & W？」可以寫成「B \ & W \」或「B \ 26 W \ 3F」。

http://www.w3.org/TR/CSS21/syndata.html#characters

來源

2015-10-04 14:59:56

另請注意：兩個連字符實際上在許多瀏覽器中都有效，因爲建議包含啓動'--'的CSS變量。正如你發佈的，雖然它不在標識符的實際W3C詞典中。 http://www.w3.org/TR/CSS21/grammar.html#scanner – Alejalapeno

是的，我們不能用W3C根據使用#1，但這個小CSS-黑客將工作：div[id="1"]或只是.image[id="1"]

來源

2017-01-29 21:54:45 Val

爲什麼在CSS中，＃1（作爲div元素的id）樣式不起作用？

回答

相關問題