css - 在伪元素内容中的两个属性之间添加空格

Question

我有以下html

<div data-price="10" data-currency="USD"></div>

我想创建一个伪元素来显示属性中的数据，如下所示:

:before {
 content: attr(data-price) + ' ' + attr(data-currency)
}

我的问题是中间没有加空格。是否有如此特殊的方法可以实现它而无需在属性本身前面加硬空间？谢谢。

Answer 1

使用 content: attr(data-price) ""attr(data-currency); 不要使用 + 进行连接

:before {
   content: attr(data-price) " " attr(data-currency);
}

  <div data-price="10" data-currency="USD"></div>