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。

Answer 2

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

#\33 { ... }

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

如果可能，您应该避免使用ID作为数字。从CSS和Javascript开始使用它变得复杂。