Html Can';是否使用id选择器更改引导h1文本颜色?

Html Can';是否使用id选择器更改引导h1文本颜色?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,首先,这里是代码的相关部分: #第一部分{ 背景:url(“1.jpg”)无重复中心; 背景尺寸:封面; } #1-标题{ 颜色:蓝色; } 新应用程序 新应用 h1被分配了一个id“1-title”,因此h1文本颜色应该是蓝色,但即使我使用,它仍然是黑色的!重要信息 但是,我尝试添加一个类并对其应用样式,如下所示: #第一部分{ 背景:url(“1.jpg”)无重复中心; 背景尺寸:封面; } c{ 颜色:蓝色; } 以及: 新应用程序 它成功了 那么原因是什么呢?为什么不能使用d

首先,这里是代码的相关部分:


#第一部分{
背景:url(“1.jpg”)无重复中心;
背景尺寸:封面;
}
#1-标题{
颜色:蓝色;
}
新应用程序

新应用


h1
被分配了一个id“1-title”,因此
h1
文本颜色应该是蓝色,但即使我使用
,它仍然是黑色的!重要信息

但是,我尝试添加一个类并对其应用样式,如下所示:


#第一部分{
背景:url(“1.jpg”)无重复中心;
背景尺寸:封面;
}
c{
颜色:蓝色;
}
以及:

新应用程序
它成功了


那么原因是什么呢?为什么不能使用d选择器更改颜色?

ID选择器不工作,因为ID不能以数字开头。将ID更改为字母或使用属性选择器
[ID='1-title']{…}
这是因为ID或类名不能以数字开头。

这是因为ID选择器不能以数字开头。请阅读为HTML标记创建id的规则

ID和名称标记必须以字母([a-Za-z])开头,并且可以是 后跟任意数量的字母、数字([0-9])、连字符(“-”), 下划线(“”)、冒号(“:”)和句点(“.”)

请参阅下面的链接以获得更多信息


从HTML5开始,对ID值的唯一限制是:

在文档中必须是唯一的 不能包含任何空格字符 必须至少包含一个字符 类似的规则也适用于类(当然,唯一性除外)

所以这个值可以是所有数字,只有一个数字,只有标点符号,包括特殊字符,等等。只是没有空格。这与HTML4非常不同

在HTML4中,ID值必须以字母开头,然后只能后跟字母、数字、连字符、下划线、冒号和句点

在HTML5中,这些是有效的:

<div id="999"> ... </div>
<div id="#%LV-||"> ... </div>
<div id="____V"> ... </div>
<div id="⌘⌥"> ... </div>
<div id="♥"> ... </div>
<div id="{}"> ... </div>
<div id="©"> ... </div>
<div id="♤₩¤☆€~¥"> ... </div>
。。。
... 
... 
... 
... 
... 
... 
... 

请记住,在ID值中使用数字、标点符号或特殊字符可能会在其他上下文(例如CSS、JavaScript、regex)中造成麻烦。

所有答案都是正确的,但我为必须具有以数字开头的ID的人编写此答案。这可以通过两种方式完成---

第一

你可以用迈克尔·科克的答案--

二号

但是,对于这一点,支持一直到
IE7
所以如果你是那些不幸运的人,需要支持老IEs,那么您需要使用这样的独角兽--

希望这对未来的读者有所帮助

检查这个
[id='1-title'] {...}
#\31-title {...}