css - 如何使用 hover css pseudo 仅应用于顶级元素？

Question

如果我有以下 HTML:

<div>
  <div>
    <div>
      <div>
        "I want to access this div and change the background colour on a hover"
      </div>
    </div>
  </div>
</div>

如何在不影响父 div 的情况下访问顶级 div 以对其应用样式？

注意 - 它适用于动态生成 div 的通用系统，因此添加类或 id 不是解决此特定问题的方法。

Answer 1

答案是你运气不好。

“不包含子元素，仅包含文本的元素”没有 CSS3 选择器。