i18n在CSS属性“内容”中

时间:2015-12-09 12:24:54

标签: css internationalization less

我正在使用Java Web(Spring框架)和LESS作为CSS预处理器。

在我的项目中应用国际化时,我成功地在message.properties文件中迁移了JSP和JS代码中的每条消息。但我不知道是否可以在CSS / LESS代码中执行相同的操作。我真的需要这样做,因为内容属性中有消息。

我已经使用:lang选择器看到了解决方案,但如果我可以从中央输入文件导入消息会更好。

1 个答案:

答案 0 :(得分:3)

我已经迟到了,但我想指出an answer to another Stack Overflow question,结果是attr()属性可以使用content值,引用一个所选HTML元素的属性。从链接的答案中无耻地复制示例,您可以将HTML元素编写为:

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

并应用以下CSS规则:

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

实际显示&#34;我的内容&#34;在页面上。这基本上意味着你现在可以使用Spring i18n:

<div class="myclass" data-content="<s:message code="content"/>"></div>

并完成向message.properties个文件的迁移。