Question

我在UI开发方面没有太多经验。我有一个在CSS中定义的类，类似于这个 -

.myclass {
    color: red;
    content: "my content";
    font-size: 12px;
    padding-right: 2px;
}

我希望"my content"值被国际化（在英语中显示为我的内容，在另一种语言中显示为其他）。这有可能通过CSS代码实现吗？

Answer 1

我建议将您的本地化与CSS分开，因为它主要用于样式，并且您可能无论如何都可以本地化HTML。如果您可以为HTML添加其他属性，则可以尝试使用content attr()值来引用所选HTML内容中的数据属性。所以使用这样的HTML：

<div class="myclass" data-value="My Content"></div>

您可以像这样访问数据属性：

.myclass:before {
  content: attr(data-value);
}

请记住，content属性只能用于伪元素。有关详细信息，我建议您MDN page about the content property。

Answer 2

我不确定，但很可能你正在寻找这个

在HTML中按语言设置内容样式的最佳方法是在CSS样式表中使用：lang选择器。例如：

:lang(ta)   {
    font-family: Latha, "Tamil MN", serif;
    font-size: 120%;
    }