Javascript 基于语言改变PHP/JS中的CSS值/属性

我正在使用此方法向我的网站添加多种语言：

我面临的问题是，我的按钮名是在CSS“content:”；中定义的，因为我需要伪类

.btn-c:before {
  content: "Send";
  font-size: 1em;
  color: white;
  padding: 0 63px; 
}
.btn-c:hover:before {
  display: none; 
}
.btn-c:hover:after {
  content: "Available for work";
  font-size: 1em;
  color: red; 
}

我的问题是，是否可以根据PHP中选定的语言更改CSS属性。或者在Js/Jquery中这样做更好？如果有人能帮助我，我将非常感激。

使用

data-*

attributes 在PHP中，将i18n值回显到那些之后的

数据和

之前的

属性中，例如：

非常感谢！！它起作用了。这太简单了。我还有一个问题。如果我想更改中的其他属性，例如：after，让我们假设字体大小。我也使用data-*吗？不是通过php。使用css，就像您已经在：after中所做的那样。我不想打扰你太多，但我现在还有其他问题。如果我想根据h1{left:60px；}中的语言从左侧更改位置，我该如何管理它？我试过：lang（）/[lang=”“]但不起作用。有什么想法吗？@Joel你可以使用lang
lang=“de”
属性，然后在CSS中使用：
h1[lang='de']{left:60px；}
-但是你做了一些完全错误的事情。如果你正确地设计了你的网站，并且知道CSS和其他东西，你永远不应该根据单词的长度/宽度来设计CSS。回到白板，设计应该是一致的和灵活的，而不是脆弱的和容易出错的。。。