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

时间:2015-04-20 08:51:29

标签: css internationalization css-content

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

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

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

2 个答案:

答案 0 :(得分:4)

我建议将您的本地化与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

答案 1 :(得分:2)

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

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

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

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