从CSS文件中读取国际化内容

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 属性只能用于伪元素。如需了解更多信息，我建议您查看有关 content 属性的 MDN 页面。

Answer 2

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

http://www.w3.org/International/questions/qa-css-lang

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

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