如何通过css内容添加美元符号

【问题标题】：how to add a dollar sign through css content如何通过css内容添加美元符号
【发布时间】：2015-07-11 21:37:03
【问题描述】：

如何通过 CSS 内容显示“$”符号：“”我尝试了各种不同的代码。放只是

div.example {Content:"$1000";}

像“00”一样在网站上显示。

在使用 Javascript 之前尝试这样做。

【问题讨论】：

【解决方案1】：

您可以使用以下代码在 CSS 内容属性中显示美元符号

div.example { content: "\0024"; }

【讨论】：

【解决方案2】：

没有足够的 HTML 可以继续，但可以试一试：

CSS 属性 content 将与 ::before 和 ::after 一起使用，当我在内容声明中添加 $ 时，一切正常...

【讨论】：

【解决方案3】：

.dollar:before {
    content: '$';
}

【讨论】：

现代用法是::。从 MDN，CSS3 引入了 ::before 表示法（带有两个冒号）来区分 pseudo-classes 和 pseudo-elements。 -- @987654321 @