是否可以使用 React Intl 将伪元素翻译为 css 内容？

Question

我需要一些帮助。我是 React 新手，我正在尝试使用 ReactIntl​​ 和 FormattedMessage 翻译应用程序。我的问题是：“我可以翻译位于我的 App.css 文件中的 css 伪元素 ::before 的内容吗？”如果可能的话，怎么做？ :-)

    .btnAdd::before {
  content: "Add";
}

谢谢！

Answer 1

一个很好的方法是使用 html lang 属性！
像这样：

html[lang="en"] .btnAdd:before {
    content: 'Add';
}
html[lang="pl"] .btnAdd:before {
    content: 'Dodaj';
}
html[lang="it"] .btnAdd:before {
    content: 'Aggiungi';
}