无法使用id选择器更改引导带h1文本颜色？
首先，下面是代码的相关部分：
<head>
<style type="text/css">
#part1 {
background: url("1.jpg") no-repeat center;
background-size: cover;
}
#1-title {
color: blue;
}
</style>
</head>
<body>
<div class="jumbotron jumbotron-fluid" id="part1">
<div class="container">
<h1 id="1-title" class="display-3">The New App</h1>
<p class="lead" id="1-disc">A new app</p>
<hr class="my-4">
</div>
</div>
</body>h1被指定为“1标题”的id，因此h1文本的颜色应该是蓝色，但是即使我使用!important，它仍然是黑色的。
但是，我尝试添加一个类并将样式应用于它，如下所示：
<style type="text/css">
#part1 {
background: url("1.jpg") no-repeat center;
background-size: cover;
}
.c {
color: blue;
}
</style>以及：
<h1 class="display-3 c">The New App</h1>而且起作用了。
那是什么原因呢？为什么我不能用d选择器改变颜色？
回答 5
Stack Overflow用户
发布于 2017-02-25 07:01:07
ID选择器无法工作，因为ID不能以数字开头。要么将ID更改为字母，要么使用属性选择器[id='1-title'] {...}
Stack Overflow用户
发布于 2017-02-25 07:22:40
所有的答案都是正确的，但是我给一个必须有id的人写这个答案，从一个数字开始，这个答案可以用两种方式来完成--
no.1
你可以用迈克尔·库克的回答--
[id='1-title'] {...}no.2
但是对于这一点，支持直到IE7，所以如果你是那些不走运的人谁需要支持老的IEs，你需要使用这样的独角兽--
#\31-title {...}希望这对未来的读者有帮助！
Stack Overflow用户
发布于 2017-02-25 07:04:44
在HTML5中，对ID值的唯一限制是：
在文档中必须是唯一的，不能包含任何空格字符，必须至少包含一个字符，类似的规则适用于类(当然，唯一性除外)。
所以这个值可以是所有的数字，只有一个数字，只是标点符号，包括特殊字符，随便什么。只是没有空格。这与HTML4非常不同。
在HTML 4中，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)中引起麻烦。
https://stackoverflow.com/questions/42453008
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号