可以用CSS隐藏跨距中的第二个字符吗？

我正在与Weebly建立一个电子商务网站，供法国使用

默认情况下，Weebly在span标记中提供价格：

<span class="xxx"> €200.20 </span>

200.20欧元

欧元应该在价格之后，而不是像美元一样在价格之前。我可以在末尾添加一个欧元符号，内容为：“€”，但是我需要去掉欧元符号的前面。

我无法访问后端来添加或更改标记——我一直在尝试通过CSS（我知道是verboten）更改标记的内容

可悲的是，欧元是第二个角色，而不是第一个角色，所以我不能直接操纵它

一个可能的解决方案是将span标签的内容向左移动，并切断欧元符号。

欢迎其他解决办法

我并不乐观，因为站点模板已经有大量复杂的javascript，所以我宁愿避免使用脚本解决方案

在将此问题标记为重复问题之前：许多人问过如何操作CSS中的第一个单词等。

从中，我可以用以下代码暂时解决我的问题：

.xxx{
  position:relative;
  left:-10px;
}

.xxx:before {
  position: absolute;
  width: 10px;
  top:0;
  bottom:0;
  z-index:2;
  background: white;
  content:" "
}

---

因为它依赖于字体大小和宽度，所以这不是一个好的解决方案。在我的例子中，还有其他一些情况下，在同一跨度（100-200欧元）内存在多个价格，我无法修复。

这里有一个解决方案，但它需要生成

块或内联块

.xxx:第一个字母{
颜色：透明；
}
.xxx{
显示：内联块；
}
xxx：之后{
内容：“€”；
}

---

200.20欧元

问题是欧元是第二个字符（空格后），所以我不能使用第一个字母。但在任何其他情况下，这都是一个很好的解决方案。