css - CSS 属性 "content"中的 i18n

Question

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

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

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

Answer 1

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

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

并应用以下 CSS 规则:

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

实际上在页面上显示“我的内容”。这基本上意味着您现在可以将 Spring i18n 用作:

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

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