将Unicode字符放在CSS内容值中

 

这个问题在这里已经有了答案：

  • 使用CSS内容添加HTML实体9个答案

    • 为什么不直接将CSS文件保存为UTF-8？ 

    nav a:hover:after {
    content: "↓";
}

    如果这还不够好，并且你想保持全部 - ASCII： 

    nav a:hover:after {
    content: "2193";
}

    字符串内的Unicode字符的一般格式是00000到FFFFFF - 反斜杠后跟六个十六进制数字。 当Unicode字符是字符串中的最后一个字符或在Unicode字符后面添加空格时，可以省略前导0位。 详细信息请参见下面的规格。

    CSS2规范的相关部分：

    第三，反斜杠转义允许作者参考他们不容易放在文档中的字符。 在这种情况下，反斜杠后面最多有六个十六进制数字（0..9A..F），代表ISO 10646（[ISO10646]）字符，该数字不能为零。 （在CSS 2.1中未定义，如果样式表确实包含Unicode代码点为零的字符，会发生什么情况。）如果范围[0-9a-fA-F]中的字符跟随十六进制数字，则数字的结尾需要要明确。 有两种方法可以做到这一点：

  • 与一个空格（或其他空白字符）：“ 26 B”（“＆B”）。 在这种情况下，用户代理应将“CR / LF”对（U + 000D / U + 000A）视为单个空白字符。
  • 通过提供正好6个十六进制数字：“ 000026B”（“＆B”）

    • 实际上，这两种方法可能会结合在一起。 十六进制转义后只有一个空白字符被忽略。 请注意，这意味着转义序列后面的“真实”空间必须加倍。

    如果数字超出Unicode允许的范围（例如，“ 110000”高于当前Unicode允许的最大10FFFF），则UA可以用“替换字符”（U + FFFD）替换转义。 如果要显示角色，UA应该显示一个可见的符号，例如“缺少的字符”字形（参见15.2，第5点）。

  • 注：反斜杠转义始终被认为是标识符或字符串的一部分（即，“ 7B”不是标点符号，即使“{”是，并且在类名称的开头允许“ 32”，甚至尽管“2”不是）。
    标识符“te st”与“test”的标识符完全相同。

    • 综合列表：Unicode字符'DOWNWARDS ARROW'（U + 2193）。

    链接地址: http://www.djcxy.com/p/15527.html

    上一篇: Placing Unicode character in CSS content value

    下一篇: Creating a fixed sidebar alongside a centered Bootstrap 3 grid