国际化,不同语言(中英文)设置不同样式,以及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 编码
  }
}

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