CSS中的ID引用不起作用，但类引用起作用

Question

所以我正在制作一个网站来发布我的Unity游戏，我遇到了一个以前从未遇到过的问题。

当我在CSS中使用ID作为引用时，它不起作用，但当我使用Class引用时，却起作用。

这是我的HTML&CSS：

#notes {
padding: 20px;
}
.boxes {
background-color: #dee3e2;
border-radius: 20px;
}
.boxes h1 {
color: #0c7b93;
}
body {
background-color: #de7119;
font-family: sans-serif;
}

<div class="boxes" id="notes">
<h1>Notes:</h1>
<ul>
<li>Color Scheme is Bad.</li>
<li>Code is Messy.</li>
<li>My Games Still Suck.</li>
</ul>
</div>

Answer 1

不确定发生这种情况的原因。我所知道的关于CSS的一切都会说这应该有效。

但是，最好不要将ID用作CSS选择器。原因在这里概述得很好：https://github.com/CSSLint/csslint/wiki/Disallow-ids-in-selectors

很抱歉，如果这不是一个很好的答案，但我强烈建议使用类而不是ID来定位CSS 的元素