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 元素