时间戳

首页 > 解决方案 > 根据 lang 属性为所有元素设置 css 样式

html - 根据 lang 属性为所有元素设置 css 样式

问题描述

我在“body”标签中设置了 lang 属性。我的应用程序中有不同的语言集。我需要根据不同的 lang 值为所有元素设置单独的样式。
例如：

实现这一目标的最佳实践是什么（仅使用 css）？

我可以做类似以下的事情（父子类似的事情）。
body:lang(it) {

.header { ...css 样式.. }

.content .left-panel { ...css 样式... }

}



谢谢

标签： htmlcss

解决方案

您可以使用 CSS 值 Selector ， [attribute*="value"] ：

[lang="es-cl"]

或者

[lang="pt-br"]

推荐阅读