CSS中的ID参考无效,但类参考有效

时间:2020-04-03 00:48:55

标签: html css

因此,我正在建立一个网站发布我的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>

1 个答案:

答案 0 :(得分:-1)

不确定为什么会这样。我对CSS的所有了解都会说这应该可行。

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

很抱歉,如果答案不是很多,但是我强烈建议您使用ID上的类来定位CSS元素