css - 选择终端元素

Question

有没有办法选择不是任何 dom 父元素的元素(写为 <...> 的类型)？我知道单个字符可能算作 dom，但忽略它，我想选择终端节点。在下面，<div id=2>会是这样的元素但是<div id=1>不会。

<div id=1>
  <div id=2>
    Hello World
  </div>
</div>

Answer 1

不幸的是，这对于 CSS 选择器是不可能的。您需要根据您要实现的目标找到另一种解决方法。

郑重声明，:empty 伪类在这里不起作用，因为它只匹配没有任何文本 或 子元素的元素，而不是甚至空白。由于您的第二级 div 包含文本，因此它不是 :empty。