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不允许您针对鼠标光标设置元素样式.