通过php定义CSS颜色

Question

我需要一种方法来将CSS高亮颜色定义为php值，然后将其用作样式表中的类。

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

我无法在任何地方找到这个，这看起来很奇怪！

Answer 1

目前你有两个可行的选择。

使用Javascript

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

使用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 建议。

使用内部样式表。

  

在您的输出中（理想情况下在您的页面部分中），在某些输出中   在引用样式表之后指向，导致PHP执行某些操作   像这样：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>