CSS:在内容中编码字符后

标签 css unicode css-selectors pseudo-element css-content

我正在使用以下 CSS,它似乎可以正常工作:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}    

但是字符似乎不能像这样编码,因为输出是文字并显示实际字符串:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}   

如果我不能对它进行编码,感觉我应该在 jQuery 中使用诸如 .append() 之类的东西,因为它支持编码。有什么想法吗?

最佳答案

要在 content 中使用编码的 Unicode 字符,您需要提供字符本身(正如您所做的那样)或它们的 UTF-8 转义序列而不是 HTML 实体:

a.up:after { content: " \2193"; }
a.down:after { content: " \2191"; }   

关于CSS:在内容中编码字符后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5030551/

相关文章:

具有不同编码的 Rd 文件

PHP PCRE unicode 转义

CSS::selection 自动交换颜色和背景颜色

html - IE11 的 CSS 网格布局支持

css - Twitter Bootstrap btn-primary 尺寸 IE8

javascript - 删除 Bootstrap 的验证图标

javascript - 根据选择框中选择的选项执行脚本?

html - 将较小的内联 block div 紧紧地围绕在向左浮动的较大的 div 周围

php - 使用 PHPMailer 发送 unicode 表情符号

css - 如何在 SCSS 中区分 "#id.class"和 "#id .class"?