我需要一种方法来将 css 突出显示颜色定义为 php 值,然后将其用作我的样式表中的类。
我知道有人将其作为内联样式来执行此操作,但我使用该类的元素太多,无法将其内联。理想情况下,我需要一种方法来回显样式表中的变量(SASS?)
我在任何地方都找不到这个,这看起来很奇怪!
最佳答案
目前您有 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>
关于php - 通过 php 定义 CSS 颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39454593/