使用CSS内容添加HTML实体

如何使用CSS content属性添加HTML实体?

使用这样的东西只会打印 到屏幕上,而不是不间断的空间:

.breadcrumbs a:before {
    content: ' ';
}
HarryGO理查德2020/03/15 18:44:34

有两种方法:

  • 在HTML中:

    <div class="ics">&#9969;</div>

这将导致⛱

  • 在CSS中:

    .ics::before {content: "\9969;"}

带有HTML代码 <div class="ics"></div>

这也导致⛱

飞云LEY2020/03/15 18:44:34

在CSS中,您需要使用Unicode转义序列代替HTML实体。这是基于字符的十六进制值。

我发现将符号转换为等效的十六进制最简单的方法是,例如从▾(&#9662;\25BE到使用Microsoft计算器=)

是。启用程序员模式,打开十进制系统,输入9662,然后切换到十六进制,您将得到25BE然后只需\在开头添加反斜杠即可。