Javascript 样式标题工具提示在表中不起作用

我正试图通过以下方式设置工具提示

标题
。但是，它不适用于表。换言之，
a[title]
似乎有效，但
th[title]
无效

查看从原始帖子修改的小提琴，其中
th[title]
仍然使用默认样式。
只需在
th
中放入
a
元素，如下所示：

表单元格1
只需在
th
中放入
a
元素，如下所示：

表格单元格1
您的CSS中有以下内容：

td[title]:hover:after {
  position: absolute;
  left: 0;
  top: 100%;

你认为它在哪里推动伪元素？是的，不在页面上

试试这个：


我所做的就是删除
左
和
顶
属性。
您的CSS中有以下内容：

td[title]:hover:after {
  position: absolute;
  left: 0;
  top: 100%;

你认为它在哪里推动伪元素？是的，不在页面上

试试这个：


我所做的就是删除
左
和
顶
属性。
th[title]
对我来说很好。但是标题在页面末尾的位置，因为
th
具有位置
static

顺便说一句，对不起我的英语：）
th[标题]
对我来说很好。但是标题在页面末尾的位置，因为
th
具有位置
static

另外，我的英语很抱歉：）
谢谢！有没有一种直接的方法可以将自定义工具提示放在鼠标指针上？@dragon\u cat这不是我脑子里想得到的。不过，我不担心它，从用户体验的角度来看，将它放在相对于悬停对象的固定位置是可以的。问题是，我仅在激活省略号时才显示工具提示，因此工具提示可以显示到实际表格单元格的最右端，具体取决于当前单元格的实际文本长度（未截断）。谢谢！有没有一种直接的方法可以将自定义工具提示放在鼠标指针上？@dragon\u cat这不是我脑子里想得到的。不过，我不担心它，从用户体验的角度来看，将它放在相对于悬停对象的固定位置是可以的。问题是，我只在激活省略号时显示工具提示，因此工具提示可以显示到实际表格单元格的最右端，具体取决于当前单元格的实际文本长度（未截断）。