php - 通过 php 定义 CSS 颜色

Question

我需要一种方法来将 css 突出显示颜色定义为 php 值，然后将其用作我的样式表中的类。

我知道有人将其作为内联样式来执行此操作，但我使用该类的元素太多，无法将其内联。理想情况下，我需要一种方法来回显样式表中的变量(SASS？)

我在任何地方都找不到这个，这看起来很奇怪!

Answer 1

目前您有 2 个可行的选择。

使用Javascript

第一个选项是在您的 HTML 文件中使用一些 javascript，在 script 中标签。

用 PHP 定义一个变量并使用它来定位所需的元素。

var myVariable = "dodgerblue";

$(".el").css("background-color", myVariable);

body {
  counter-reset: example;
  display: flex;
  justify-content: space-around;
  height: 100vh;
  margin: 0;
}
div {
  flex: 0 0 10%;
  counter-increment: example;
}
div::after {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  content: counter(example);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>

---

@cale_b 建议的另一种选择。

使用内部样式表。

In your output (ideally in the section of your page), at some point after your stylesheet is referenced, cause PHP to do something like this: echo <style>.highlight_color {color: #ffff00;}</style>.

---

目前无法使用 CSS。

遗憾的是，目前还没有 CSS 解决方案。

希望有一天浏览器会支持使用 attr() CSS 在所有属性值中发挥作用，而不仅仅是内容。

div {
  background-color: attr(data-myvariable);
}
div::after {
  content: attr(data-myvariable);
}

<div data-myvariable="red">
  Example
</div>