html - "Heavy Plus Sign"➕ 在 CSS::之前？

Question

我正在尝试获取在 CSS::before 伪元素中工作的“Heavy Plus Sign”表情符号 (➕) 的代码。它的 Unicode 编号是 U+2795。我的[非工作]代码如下:

.plussign::before {
    content: "\12795";
}

当我指定一个元素使用 class="plussign"时，我看到的只是一个黑色的小方 block (通用未知字符)

我应该为“内容”属性使用什么？斜杠一 (\1) 方法适用于我所有其他的表情符号。例如，这适用于 gem (💎，Unicode U+1F48E):

.gem::before {
    content: "\1F48E";
}

为什么“Heavy Plus Sign”表情符号不能以相同的格式工作？

Answer 1

您正在寻找 \2795(没有前导 1，代码点是 U+2795，而不是 U+12795):

.plussign::before {
  content: "\2795";
}

<div class="plussign"></div>

或者当然， Angular 色本身:

.plussign::before {
  content: "➕";
}

<div class="plussign"></div>