css - CSS - Div 内的 Div

Question

我目前有以下代码。

<div id="1">
 <div id="2">
  <div id="3">
  </div>
 </div>
</div>

但我似乎无法弄清楚我如何选择 div 3 (??)。有任何想法吗 ？

Answer 1

在 HTML5 之外，id以数字开头的 HTML 是无效的；但是使用 CSS，您通常可以使用以下内容选择该 div：

正如Guffa所发布的，#3 id此答案中基于 - 的选择器是错误的，#3需要转义#\33（尽管我不会进一步解释（请参阅他的答案！），以避免无耻的抄袭/重复）

#3 {
    /* CSS */
}

这种方法使用id基于 - 的选择器（文档中只有一个元素可以使用给定的，因此这是一个唯一标识符），并且是 id-name 以符号id开头。#

但是，以下内容仍然有效：

div > div > div {
    /* CSS */
}

这种方法使用直接子>组合器，并且将选择 a 作为 adiv的直接子div元素（两者之间没有中间元素），它本身就是另一个元素的直接子div元素。

参考：

• CSS 选择器，第 1 级。
• CSS 选择器，第 2 级。
• CSS 选择器，第 3 级。

Answer 2

当你有一个以数字开头的标识符时，你必须使用字符转义来编写 CSS 规则来匹配它：

#\33 { ... }

33是字符的十六进制代码3。

如果可能，您应该避免使用数字形式的 id。使用它变得复杂，无论是从 CSS 还是从 Javascript。