微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

来自 CSS 的不可打印、不存在的字符:内容在 HTML 中正确显示

如何解决来自 CSS 的不可打印、不存在的字符:内容在 HTML 中正确显示

我正在研究一个网站如何实现像星星(★ 等)这样的图标。完成如下(摘自 html 和 css 文件):

HTML:

<div class='icon-star'><div>

CSS:

.icon-star:before{
  content: "" 
}

方形符号 () 是符号在 Safari 和 Chrome 中的 CSS 中的显示方式。但是它在网页上正确显示为 ★。 CSS 文件在来自 CSS 主机的 HTTP 响应中被brotli压缩。解压 * 版本的 CSS 看起来应该是这样,但是 content:"\xee\xac\x8a" 用于 icon-star 类元素。 ee ac 8a 十六进制字符串不代表任何 unicode 字符。除此之外,在 HTML 中使用 content: 显示星星的正确方法应该是 content: '\2605'

所以我的问题是这个 CSS 和 HTML 组合为什么以及如何正确工作?

*CSS 请求和解压是在 Python 中使用 requestsbrotlicffi 库完成的。我提到这一点是为了以防万一,因为它不应该成为任何问题的根源。这给了我以下结果:content:"\xee\xac\x8a"。我还将 Safari 中的 CSS 中的方形字符 () 复制并粘贴到终端,echo  | xxd 也给了我 \xee\xac\x8a。所以这在我看来并不是解压/解码的问题,至少我认为这足以确保它可能不是。

  1. 链接 css 文件(它很长但查找 .icon-star 类以找到我所指的内容):https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/responsive_layout_normal_contrast/bundles/common-78f32168cb.css

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。