CSS将元素位置设置为事件上的鼠标位置

Question

我正在使用CSS3在文本悬停上显示工具提示：

.tooltip {
  position:absolute; /* don't push other text out of the way */
  visibility:hidden;
}
.f:hover .tooltip {
  visibility:visible;
}

这没关系，但是如果文本块很大，将它悬停在一个地方并让工具提示显示在另一个地方看起来有点奇怪。有没有办法，不使用JavasScript（我知道它是使用JavaScript的Cakewalk），使元素显示在它首先悬停文本的鼠标位置附近？像（概念性例子）：

.f:hover:before .tooltip {
  top:mouse-y;
  right:mouse-x;
}

Answer 1

没有javascript就没有办法。 CSS不允许您针对鼠标光标设置元素样式。