将PHP与CSS结合使用

正如你所看到的，我有一些内联CSS为不同的浏览器类型设置渐变，我想把它放在一个CSS文件中

问题是，要在CSS后台属性中生成URL，我使用一个随机数，使用内联PHP生成

这使得页面非常混乱，有没有办法将其分离出来并实现相同的效果

<div class="jumbotron hidden-xs hidden-sm " id="headerhome" style="background: -webkit-linear-gradient(rgba(166, 195, 206, 0.5), 
     rgba(166, 195, 206, 0.5)),
        linear-gradient(
        to bottom,
        rgba(64, 64, 64, 0) 70%,
        rgba(77, 78, 94, 0.5) 80%
    ), url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg');

        background: -o-linear-gradient(rgba(166, 195, 206, 0.5), 
     rgba(166, 195, 206, 0.5)),
        url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg');

        background: -moz-linear-gradient(rgba(166, 195, 206, 0.5), 
     rgba(166, 195, 206, 0.5)),
        url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg');

        background: -linear-gradient(rgba(166, 195, 206, 0.5), 
     rgba(166, 195, 206, 0.5)),
        url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg');

        background-blend-mode: multiply;">

---

这种与HTML的集成正是PHP设计的目的

当然，这会产生更复杂（“凌乱”）的代码，但这不一定是坏事。事实上，复杂性是分层代码的自然结果。
因此，只要开发人员（我）能够维护，这样做本质上并不一定是坏事？请查看任何主要网站（windows上的ctrl-u）的后台。事情变得相当复杂，你甚至看不到php。从编写干净、有效和语义代码的角度考虑。如果它可以保持简单，那就更好了，但这不是必需的。为了使代码更易于维护，请使用注释。说真的，评论，评论，评论。当几年后你或帮助你的人需要回顾和修改时，留下解释会让事情变得更容易。请不要这样做。。。。您不会总是维护这段代码，也不会总是单独开发。丑陋的解决方案意味着它不是唯一的解决方案，总有一个更干净的解决方案（比如从服务器提供服务时更改映像，这样会更好）。至于@Michael_B，老实说，这需要停止-请-你看过PHP3之后的PHP了吗，认真地这么做…所以你希望梯度是相同的，但是jpg是随机的？你有没有碰巧在使用Sass？没错，但我目前没有使用Sass，我真的需要处理预处理的CSS。