选择终端元素

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。