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

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

作者: lsh1992 | 来源:发表于2020-07-21 13:54 被阅读0次

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

    注:直接写中文偶尔会出现乱码的问题,所以需要将中文转为unicode 编码如中文冒号 “:”对应unicode编...

  • CSS Reset

    html标签在不同浏览器中都有不同的默认全局样式设置,CSS Reset清除默认样式: 依据产品整体需求设置。 C...

  • HTML 类

    对HTML进行分类(设置类),使我们能够为元素的类定义CSS样式。对相同的类设置相同的样式,或者为不同的类设置不同...

  • 页面架构 1-3

    1. CSS Reset 浏览器对标签进行样式设置,不同浏览器默认样式有差异 CSS Reset 全局定义样式,通...

  • Java EE之旅02-CSS基础

    css的简介 什么是css 概念:层叠样式表,css是对html进行样式修饰语言 层叠:就是层层覆盖叠加,如果不同...

  • 前端HTML & CSS 基础入门(2)段落及文本

    写在前面:CSS选择器 网页要显示很多内容,想要为每个内容设置不同的样式,我们就得首先选中要设置样式的内容,CSS...

  • 前端HTML & CSS 基础入门(3)段落及文本

    写在前面:CSS选择器网页要显示很多内容,想要为每个内容设置不同的样式,我们就得首先选中要设置样式的内容,CSS选...

  • web基础:HTML & CSS 基础入门【3】段落及文

    写在前面:CSS选择器 网页要显示很多内容,想要为每个内容设置不同的样式,我们就得首先选中要设置样式的内容,CSS...

  • CSS选择器优先级

    一、css样式的来源 使用不同的选择器设置的样式 浏览器默认的样式(user agent stylesheet) ...

  • SpringBoot 消息国际化配置

    一、目的 针对不同地区,设置不同的语言信息。 SpringBoot国际化配置文件默认放在classpath:mes...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/pmjikktx.html