按ID和类选择div

时间:2012-05-15 13:02:04

标签: css css-selectors

我试图选择这个,同时使用is和class:

<div class="phase" id="1">

没有任何作用,我试过了:

.phase#1
#1.phase
div#1.phase

可能是#1吗?我从未遇到过数字ID

的问题

更新
看来我混淆了jQuery选择器和CSS选择器,
这适用于jQuery:

$(".phase#1")

但是这个:

.phase#1 {}

无法在CSS中使用

2 个答案:

答案 0 :(得分:11)

id无法以数值1, 2, 3, etc开头。它们可以包含数值,只是不能从它们开始。

spec - http://www.w3.org/TR/html401/types.html#type-name

答案 1 :(得分:6)

id属性指定HTML元素的唯一ID(该值在HTML文档中必须是唯一的)。 因此,如果您通过ID选择,则不应该按类选择。

指定元素的唯一ID。命名规则:

  1. 必须以字母A-Z或a-z
  2. 开头
  3. 可以跟着:字母 (A-Za-z),数字(0-9),连字符(“ - ”)和下划线(“_”)
  4. 在HTML中,所有值都不区分大小写
  5. HTML id Attribute specification