CSS 规则中的 Php 条件

Question

我有一个名为 MULTILANGUE 的 php 变量，如果网站有多种语言，则其值定义为 true，否则为 false。

问题是我正在使用 css 文件，其中有一些这样的链接

.fabricant .scroll:before {
  content: "";
  display: block;
  width: 30px;
  height: 18px;
  background: url("../assets/img/picto/arrow-down.svg") no-repeat center center;
  background-size: contain;
}

但是链接是不一样的，取决于多语言是真还是假。

所以我想为这个 css 中的 url 设置一个条件，但我不知道该怎么做。

显而易见的解决方案是为这两种情况都创建一个 css 文件……但这将是多余的，因为有很多重复的代码，这真的很糟糕。

Answer 1

显而易见的解决方案是为不同的背景设置两个 CSS 规则，并在 PHP 中动态地向元素添加适当的类。我再说一遍:您不需要动态生成的 CSS 文件。

.fabricant .scroll:before {
  ...
  background: url("../assets/img/picto/arrow-down.svg") no-repeat center center;
}

.fabricant.multilang .scroll:before {
  background-image: url("../assets/img/picto/arrow-up.svg");
}

<div class="fabricant <?php if ($isMultiLang) echo 'multilang'; ?>">