数值无法被CSS识别的HTML ID

这是div:

<div class='something' id='1'>

我在页面上的不同位置上获得了9个,因此在.css文件中我做了:

div#1.something {
  code...
}

事情是,它不会工作,我知道这是正确的选择,但我也尝试div.something#1 ,它也不能正常工作。 我认为ID是一个数字有问题,我应该改变它还是有办法?


尽管允许将classid设置为以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

链接地址: http://www.djcxy.com/p/88035.html

上一篇: HTML ID with numerical value not recognized by CSS

下一篇: Table changing div size