将php代码制作成CSS文件？答案

【问题标题】：Make php code into CSS file?将php代码制作成CSS文件？
【发布时间】：2016-05-29 12:03:33
【问题描述】：

我为我的网站制作了一个滑块，我在 CSS 文件中制作了 3 张图片

代码：

.banner1{
	background:url(../images/bnr1.png) no-repeat 0px 0px;
	background-size:cover;
	min-height:650px;
}
.banner2{
	background:url(../images/bnr2.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:650px;
}
.banner3{
	background:url(../images/bnr3.jpg) no-repeat 0px 0px;
	background-size:cover;
	min-height:650px;
}

但我想从数据库中取出最后 3 个帖子并将它们放在滑块中

那么，有没有什么方法可以将 php 代码变成 CSS 文件呢？

【问题讨论】：

是的，从技术上讲，将 css 文件解析为 php 是可行的，但我不建议这样做。对我来说看起来像XY Problem。你能详细解释一下你最初想要达到的目标吗？
使用不同的滑块代码 - 您可以在其中传递图像数组的代码，代码将接受它，然后遍历它们

标签： php html css

【解决方案1】：

您不想将文件引用写入新的 .css 文件，最好将它们直接回显到样式标记中，如下所示：

</php
//PHP CODE
?>

<head>
<style>
    .banner1{
    background:url(<?php echo //FILE REFERENCE 1 ?>) no-repeat 0px 0px;
    background-size:cover;
    min-height:650px;
}
.banner2{
    background:url(<?php echo //FILE REFERENCE 2 ?>) no-repeat 0px 0px;
    background-size:cover;
    min-height:650px;
}
.banner3{
    background:url(<?php echo //FILE REFERENCE 3 ?>) no-repeat 0px 0px;
    background-size:cover;
    min-height:650px;
}
</head>
</style>

<?php 

//MORE CODE

【讨论】：

这会起作用，但它是一种非常老式的方式来做这样的事情。因为某种原因。始终尽量将设计与数据和逻辑分开。
内联 css 是老式的吗？
这不是一个好方法，我的回答旨在尽可能直接地解决问题。解决这个问题的最常见方法（根据我的经验）是将 background-image 属性直接注入到目标元素的 style 属性中。