CSS在事件中将元素位置设置为鼠标位置

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

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

这没关系，但是如果文本块很大，将其悬停在一个位置并让工具提示显示在另一个位置似乎有点奇怪。有没有一种方法，不使用JavasScript（我知道这是JavaScript的cakewalk），让元素显示在它第一次悬停文本的鼠标位置附近？类似（概念性示例）：

---

没有javascript是不行的。CSS不允许您根据鼠标光标设置元素的样式

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