Html 使用；css生成的内容“；不添加包装元素和冗余标记

我想在html表格中的每个价格之后添加货币符号，使用“css生成内容”

目前，我用以下方式指示包含价格的表格单元格

<table>
  <tr>
    <td>Test</td>
    <td class='prices'>123</td>
  </tr>
</table>

它运行正常，但我希望避免使用span进行包装

显然，将“生成的内容”直接应用于TD可能是一种仅接受货币先于价值写入的解决方案，但对于我的实际解决方案，货币先于价值写入。

请执行以下操作：

.prices:after {
    content:' €';
}

或将欧元符号置于内容之前：

.prices:before {
    content:'€ ';
}

试试这个

试验
123
运输署{
宽度：100px；
边框：1px纯蓝色；
}
td.价格：之后
{
内容：“€”；
}

uhuuu非常奇怪。。。。我认为这个解决方案将“生成内容”放在“TD”之后，而不是放在“TD内容”之后，而是放在TD本身内部。。。。。。这有点违反直觉。。。。。

.prices:before {
    content:'€ ';
}

<table>
  <tr>
    <td>Test</td>
    <td class='prices'>123</td>
  </tr>
</table>

td{
    width:100px;
    border:1px solid blue;
}
td.prices:after
{
  content:' €';
}