使用CSS中的 :lang() 伪类可以更轻松地样式化特定语 - 尼古拉斯阿柴 - 沸点 - 掘金

前端开发工程师

#每天一个知识点# 使用CSS中的 :lang() 伪类可以更轻松地样式化特定语言的内容。
例如，希望将英语文本的颜色设置为蓝色，将法语文本的颜色设置为绿色。
/* 将英语文本的颜色设置为蓝色 */
:lang(en) {
color: blue;
}
/* 将法语文本的颜色设置为绿色 */
:lang(fr) {
color: green;
}
注意，:lang() 伪类只能检测HTML文档中的语言，而不能检测用户所用的语言。因此，如果希望根据用户所用的语言来样式化内容，需要使用JavaScript或其他客户端脚本。

展开

前端开发圈