关于css：如何在元素之前放置字符＆amp;＃8226 ::？

How do I put character &#8226 ::before an element?

本问题已经有最佳答案，请猛点这里访问。

我想把一个圆/点作为一个元素

和8226

？

我所做的一切都是可见的！

1
2
3

.line ::before{
content:'&#8226';
}

和

1
2
3

.line ::before{
content:'?';
}

(我什么也没看见)

即使只有文字我也不能让它工作

我知道内容只接受文本，但如果我这样做，我仍然看不到任何内容：

1
2
3

.line ::before{
content:'xxx';
}

如何让css ::before出现？

(注意：CSS规则在页面加载时位于默认样式表中，因此它应该应用于任何新元素…)

如何在::before中显示此点？

相关讨论

css :before和:after的content接受字符的转义\Unicode十六进制表示。

让我们学习如何做到这一点：

我们可以使用content:"?";，但由于我们被认为避免使用特殊字符，而倾向于使用原始的Unicode表示，因此我们不必在样式表中定义@charset"utf-8";，也不必这样保存。让我们找到这样的十六进制值！

打开开发人员控制台并写入：

1	"?".charCodeAt(0) // 8226 ( base10 )

上面将生成8226，这是我们通常在HTML中使用的十进制数值，如•以得到&；。几乎在那里…现在让我们这样做：

1	"?".charCodeAt(0).toString(16) //"2022" ( base16 )

1
2
3

console.log(
"?".charCodeAt(0).toString(16)
)

以16为基数得到一个字符串，所以是十六进制的！你会得到"2022"。

CSS

1	content:"\2022";

JavaScript4HTML＆XX2022；

•

完全正确！现在，您可以放弃十进制基础•，只需使用右前缀(css\、html&#x、js\u)，就可以始终使用HEX值。

1
2
3

.line::before{
content:'\2022';
}

1 2	<p class="line"> Lorem </p>