在具有标题属性的表格单元格上添加css伪类[重复]

Question

我有一个使用 API Fetch 填充数据的表。一些单元格将具有“标题”属性，在我的 JSFiddle 中，我将它放在第二列中。 我想为有工具提示的此类单元格添加一个指示器，我尝试使用以下 css，但没有成功：

td[title]:after {
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        right: 0;
        border-top: 10px solid red;
        border-left: 10px solid transparent;
    }

我应该看起来像这里的图像：

JSFiddle Demo

Answer 1

你必须为它添加内容

td[title] {
  position: relative;
}
td[title]::after {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  content: ' ';
  border-top: 10px solid red;
  border-left: 10px solid transparent;
}