数值无法被CSS识别的HTML ID
这是div:
<div class='something' id='1'>
我在页面上的不同位置上获得了9个,因此在.css
文件中我做了:
div#1.something {
code...
}
事情是,它不会工作,我知道这是正确的选择,但我也尝试div.something#1
,它也不能正常工作。 我认为ID是一个数字有问题,我应该改变它还是有办法?
尽管允许将class
或id
设置为以HTML5中的数字开头,但在CSS中不允许,请参阅规范:
HTML5:3.2.5.1 id属性
......身份证可以采用什么形式没有其他限制; 特别是,ID可以只包含数字, 以数字开头,以下划线开头,仅包含标点符号等。
CSS:4.1.3个性和案例
......他们不能以数字 ,两个连字符或连字符后跟数字开头。 标识符也可以包含转义字符和任何ISO 10646字符作为数字代码...
即
<div id="1">
是有效的HTML,但您无法在CSS中使用#1 {...}
进行定位。
但是,您可以使用[id="1"] {...}
或转义#31 {...}
请试试这个:
您可以通过课程或ID进行呼叫。
div.something {
code...
}
要么
div#1 {
code...
}
将id="1"
更改为id="one"
因为您不能在CSS中使用数字来选择id或class。 然后,只需使用div#one { // CSS Here }
因为您并不需要包含该类。 毕竟,每页只能有一个具有特定名称的id
。