国际化,不同语言(中英文)设置不同样式,以及CSS :befor

2020-07-21  本文已影响0人  lsh1992

注:直接写中文偶尔会出现乱码的问题,所以需要将中文转为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 编码
  }
}
上一篇 下一篇

猜你喜欢

热点阅读