按ID和类选择div

ily*_*lyo 4 css css-selectors

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

<div class="phase" id="1">
Run Code Online (Sandbox Code Playgroud)

没有任何作用,我试过:

.phase#1
#1.phase
div#1.phase
Run Code Online (Sandbox Code Playgroud)

可能是#1吗?我从来没有遇到过数字ID的问题

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

$(".phase#1")
Run Code Online (Sandbox Code Playgroud)

但是这个:

.phase#1 {}
Run Code Online (Sandbox Code Playgroud)

不会在CSS中工作

xan*_*ded 11

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

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

  • 请注意,HTML5中不是这种情况:http://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute (2认同)

Eug*_*nko 6

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

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

  1. 必须以字母AZ或az开头
  2. 可以跟着:字母(A-Za-z),数字(0-9),连字符(" - ")和下划线("_")
  3. 在HTML中,所有值都不区分大小写

HTML id属性规范