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

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

最佳答案

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

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

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

关于html - 如果 ID 以数字开头,为什么代码不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49790694/

相关文章:

javascript - 如何将输入元素的宽度 trim 为初始文本的大小?

html - CSS/Bootstrap 样式问题

html - 截至 2014 年和更新,css 着色器支持如何

javascript - 报告网络上的体面打印

html - 垂直对齐跨度内的文本

html - 点击调用电话分机智能手机

css - 水平滚动和溢出

css - 为什么 <div style ="width:50%"/> 没有在 xHTML 中呈现?

html - HTML 电子邮件中未显示的字体和下划线用于超链接

javascript - HTML <select> 选中的选项 background-color CSS 样式