CSS - Div中的Div

Question

我目前有以下代码。

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

但我似乎不知道如何选择div3 (??)。有什么想法吗？

Answer 1

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

正如Guffa发布的，这个答案中的#3 id-based选择器是错误的，需要将#3转义为#\33 (尽管我不会进一步解释(参见他的答案！)，以避免无耻的抄袭/重复)

#3 {
    /* CSS */
}

这种方法使用一个id名称选择器(文档中只有一个元素可以使用给定的名称，因此这是一个惟一的标识符)，并且是以#符号开头的id--based。

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

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

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

参考文献：

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

Answer 2

如果标识符以数字开头，则必须使用字符转义来编写与其匹配的CSS规则：

#\33 { ... }

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

如果可能，你应该避免id是一个数字。使用它变得很复杂，无论是从CSS还是从Javascript。