基于css完成网页的国际化
2024-08-31 06:53:44
css完成国际化
前提
在日常处理国际化的时候,通常是将key通过类似intl.xx(key)转换为对应环境的文案,可是如果需要在css中加入对应逻辑应该怎么做呢(比如在after的伪元素中显示不同的文案),毕竟在css中没办法通过js代码将key转换为文案。
思路
1. 既然不能在css中写入翻译过程,那么就把翻译结果写入dom节点中,可以用data属性存放已经翻译好的文案,<div class="suf" data-suffix="翻译的结果"></div>
2. 在css中读出data-suffix的值作为content的内容, 可以使用attr()来获取指定的属性, .suf:after { content: attr(data-suffix)
最新文章
- tornado上手
- UP Board 超详细开箱评测
- Git的奇技淫巧&#128584;
- [转]Android How to Download and Make Volley.jar
- js获取一个对象的所以属性和值
- java类的封装 继承 多态
- /bin/dd if=/path/to/source-file of=/path/to/backup-file
- fpm来制作rpm包
- JAVA String作业——动手动脑以及课后实验性问题
- apache common-io.jar FileUtils
- svn团队环境
- GitHub具体教程
- startup_LPC17XX.s 启动文件分析
- Spring Security 入门详解(转)
- CodeForces 645D Robot Rapping Results Report
- Algorithm -->; 最长回文子串
- IDEA创建SpringBoot项目
- 【C#】C#线程_基元线程的同步构造
- MOT北京站 | 卓越研发之路:亿万级云端架构演进
- maven windows 环境变量