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

Question

因此，我正在制作一个网站来发布我的 Unity 游戏，但我遇到了一个以前从未遇到过的问题。当我在 CSS 中使用 ID 作为引用时，它不起作用，但当我使用类引用时，它确实起作用。这是我的 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 元素