我的 CSS 不会影响特定部分的 HTML 代码？ [复制]答案

【问题标题】：My CSS doesn't affect the HTML code in a specific part? [duplicate]我的 CSS 不会影响特定部分的 HTML 代码？ [复制]
【发布时间】：2017-09-06 13:25:14
【问题描述】：

这里是 HTML 和 CSS。不知道问题出在哪里，为什么没有效果。

#1st_column {
  background-color: #181818;
  width: 20%;
  display: block;
  margin-left: 15px;
  height: 800px;
}

<div id="1st_column">
  <h1 id="pop">
    POPULAR <br /> CLASSES
  </h1>
  <p>
    Why not give one of <br /> these popular classes<br /> a look?
  </p>
</div>

【问题讨论】：

究竟是什么没有按预期工作？
ID 不能以数字开头。
@SuperUser — 从 HTML 5 开始，他们可以。
@Quentin -- html5 说 ids 可以以数字开头，但许多浏览器不支持它。
艾哈迈德，你可能想要投票和/或接受 thebluefox 的回答。

标签： html css

【解决方案1】：

ID 不应该以数字开头，因为浏览器似乎还没有完全支持它们。

#first_column {
  background-color: #181818;
  width: 20%;
  display: block;
  margin-left: 15px;
  height: 800px;
}

<div id="first_column">
  <h1 id="pop">
    POPULAR <br /> CLASSES
  </h1>
  <p>
    Why not give one of <br /> these popular classes<br /> a look?
  </p>
</div>

编辑

要使用以数字开头的 ID，您可以按照此答案所示进行操作；

https://stackoverflow.com/a/5672936/19068

<div id="12"></div>

#\31\32 {
    background: #0bf;
}

ID 中的每个数字都必须使用\3 进行转义。

就个人而言，我不会打扰。这很丑陋，仅仅因为您可以做某事并不意味着您应该这样做。

【讨论】：

"ID 不能以数字开头" — 从 HTML 5 开始，它们可以。
" 浏览器还不完全支持它们" – 是的，如果你使用正确的 CSS 选择器的话。
公平点@JJJ

【解决方案2】：

这应该可行。

更多信息在这里：can i have a div with id as number?

#\31\st_column {
  background-color: #181818;
  width: 20%;
  display: block;
  margin-left: 15px;
  height: 800px;
}

<div id="1st_column">
  <h1 id="pop">
    POPULAR <br /> CLASSES
  </h1>
  <p>
    Why not give one of <br /> these popular classes<br /> a look?
  </p>
</div>

【讨论】：