如何在::before伪元素的content中指定æ连字等特殊字符？

CSS的content属性不支持HTML实体（比如æ），你代码里的æ会被解析成字符串æ而非对应的字符，所以无法正常显示。以下是几种可行的解决办法：

• 直接写入Unicode字符
  只要你的CSS文件以UTF-8编码保存，直接在content里写æ即可：

  .formulae::before {
      content: "Formulæ: ";
  }
  

• 使用CSS Unicode转义序列
  用æ对应的Unicode码点U+00E6转义为\00E6，这种方式不依赖文件编码：

  .formulae::before {
      content: "Formul\00E6: ";
  }
  

• 简写十六进制转义
  可以省略前导零，直接写\E6，效果完全一致：

  .formulae::before {
      content: "Formul\E6: ";
  }
  

如果担心跨环境的编码兼容性，优先选择Unicode转义序列；如果编辑器支持直接输入特殊字符，直接写入æ会更直观易读。

内容的提问来源于stack exchange，提问作者dmorg