用光标样式化元素

Question

有一些伪选择器可以用[contenteditable="true"]中的光标来样式化当前元素吗？

例如，我有：

<div contenteditable="true">
  <h1>Hello {cursor here}</h1>
  <p>Hello world!</p>
</div>

所以我用类似的东西

*:with-cursor {
  background-color: red;
}

由于光标位于<h1>中，因此它将被样式化。