国际化,不同语言(中英文)设置不同样式,以及CSS :before、:after伪元素 content属性中文乱码问题

注:直接写中文偶尔会出现乱码的问题,所以需要将中文转为unicode 编码
如中文冒号 “”对应unicode编码为 “\uff1a”,那么可以写成 content: '\ff1a'; (需要去掉 u)

当前html语言为英文

image.png
.b-colon:lang(en-US) {
  padding-right: 0.5rem;
  &:after {
    // content: ':';  // 英文冒号
    content: '\003a'; // 英文冒号unicode 编码
  }
}

当前html语言为中文

image.png
.b-colon:lang(zh-CN), .b-colon:lang(zh-cmn-Hans) {
  &:after {
    // content: ':'; // 中文冒号
    content: '\ff1a'; // 中文冒号unicode 编码
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容