通过php定义CSS颜色
通过php定义CSS颜色
提问于 2016-09-12 16:12:52
我需要一种方式来定义一个css突出显示的颜色作为一个php值，然后使用它作为我的样式表中的一个类。
我知道有些人这样做是作为内联样式，但我只是有太多的元素使用类将其内联。理想情况下，我需要一种在样式表中回显变量的方法(SASS?)
我在任何地方都找不到这个，这似乎很奇怪！
回答 1
Stack Overflow用户
发布于 2016-09-12 16:36:18
目前你有两个可行的选择。
使用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建议的那样。
使用内部样式表。
在您的输出中(理想情况下在页面的部分中)，在引用样式表之后的某个时刻，使
执行如下操作：
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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39454593
复制相关文章
相似问题
腾讯云开发者
