如果ID以数字开头,为什么代码不起作用?

时间:2018-04-12 07:42:18

标签: html css

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

<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不能以数字开头吗?

1 个答案:

答案 0 :(得分:1)

您必须将#\放在css中的数字

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

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