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

Question

我有以下html

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

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

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

我的问题是中间没有加空格。有没有这么特殊的方法来实现它而不用硬属性本身前面的空间？谢谢你。

标签： csshtml

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>