首先，这里是代码的相关部分:
<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-title”的 id，因此 h1 文本颜色应该是蓝色，但即使我使用 它仍然是黑色!重要。
但是，我尝试添加一个类并将样式应用到它，如下所示:
<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 选择器更改颜色？
最佳答案
ID 选择器不起作用，因为 ID 不能以数字开头。将 ID 更改为字母或使用属性选择器 [id='1-title'] {...}
关于html - 无法使用 id 选择器更改 Bootstrap h1 文本颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42453008/