我们如何为特定语言添加CSS？

Question

我想在我的应用程序中分别为每种法语和英语添加一些不同的 CSS 样式。

我尝试通过在每种语言中创建不同的类名来解决这个问题。但我觉得这并不是100%正确。以下代码行是我的 CSS 代码的示例。

`.english .navbarIcon {
        margin-left: 60%;
    }`
`.english .localiza {
        margin-left: 10%;
    }`
`.french .navbarIcon {
        margin-left: 60%;
    }`
`.french .localiza {
        margin-left: 10%;
    }`

Answer 1

使用

lang

属性添加 css，这样当您更改不同的语言时，CSS 将根据语言应用。

[lang="en"] .navbarIcon {
    margin-left: 60%;
}

[lang="en"] .localiza {
    margin-left: 10%;
}

[lang="fr"] .navbarIcon {
    margin-left: 60%;
}

[lang="fr"] .localiza {
    margin-left: 10%;
}