如何通过CSS content添加美元符号

Question

我该如何通过CSS Content:" "显示"$"符号？我尝试了各种不同的代码，只放置符号并不能生效。

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

在网站上显示为“00”。

在不使用JavaScript的情况下尝试实现此目标。

- Sana

---

请显示任何适用的 HTML。 - Sumner Evans

Answer 1

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

- Robin Carlo Catacutan

---

现代用法是 ::。来自MDN，CSS3引入了::before表示法（使用两个冒号）来区分伪类和伪元素。--https://developer.mozilla.org/en-US/docs/Web/CSS/::before - Dem Pilafian

Answer 2

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

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

- shubham jain

Answer 3

HTML 不太足够，但是可以试一下：

CSS 属性 content 与 ::before 和 ::after 一起使用，当我在内容声明中放置一个 $ 符号时，一切正常...

在这里查看 JSfiddle

- Brian John