html - 如果 ID 以数字开头，为什么代码不起作用？

Question

昨天我花了大约一个小时在我的代码中搜索任何错误类型，我已经有很多次相同的代码，但由于某种原因这个代码没有按预期工作(代码实际上并不重要, 这只是为了向你展示我的意思)

<div class="popup" onmouseover="popup-()">
<span class="popuptext" id="myPopup-">Click for more</span>

<button onclick="338reconM()"> <img id="338recon" 
src="338recon.png.png"/>338-Recon</button></div>
<input type="button" id="338reconB" title="Weapon stats"value="Weapon info" 
onclick="location.href='http://symthic.com/bf4-weapon-info?w=338-Recon'";/>

#338recon{
display:block;
}

#338reconB{
color:gray;
background-color:Transparent;
background-repeat:no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
}
#338reconB:hover{
color:red;
border:1px solid;
}

然后我意识到这张图片是唯一一张 ID 以数字开头的图片(还有 43 张其他图片使用此代码)，我决定将 ID 设为 recon338，它确实有效，那是问题所在但为什么这是个问题？谁能告诉我为什么 ID 不能以数字开头？

Answer 1

你必须把 #\ 放在你的 css 中的数字之前

#\33 38reconB:hover{
color:red;
border:1px solid;
}

如果在这里找到这个答案:https://css-tricks.com/ids-cannot-start-with-a-number/