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，因此这是唯一的标识符)，并且是以 # 符号开头的 id-name。

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

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

此方法使用直接子 > 组合器，并将选择一个 div，它是 div 的直接子级(没有中间元素介于两者之间)，它本身是另一个 div 元素的直接子元素。

引用资料:

• CSS Selectors, Level 1 .
• CSS Selectors, Level 2 .
• CSS Selectors, Level 3 .