Question

我正在尝试使用内联css，因为我需要传递一些参数，我无法在css文件中执行此操作。如果我为一个元素设置样式，一切都很好，例如：

<div class="example" style="background-color:#**<?=$model->color?>**">

但是因为有很多元素需要这个颜色参数，我可以将它们全部放在一个样式中吗？如果在css中，我这样做：

.example h1, h2, li, p a {color: red};

我在内联css中尝试这个但是它不起作用：

<div class="example" style="h1, h2, li, p a color:#**<?=$model->theme_color;?>**">

有谁知道怎么做？我可以内联吗？

Answer 1

您可能需要的是内部CSS（而不是内联CSS） - 您可以在样式标记中包含CSS。像

这样的东西

<!-- your external CSS files -->
<style>
   h1, h2, li, p a { color:#**<?=$model->theme_color;?>** }
</style>
<body>
   <!-- your HTML -->
</body>

Answer 2

这应该这样做

<?php
echo "<style>
    .example h1, h2, li, p a {
        color: $model->theme_color
    }
    </style>";
?>

另一种方式：

<style>
    .example h1, h2, li, p a {
        color: <?php echo $model->theme_color; ?>;
    }
</style>

Answer 3

为什么不应用类而不是内部/内联CSS？像

这样的东西

<div class="color-<?=$model->color?>">

CSS

.color-red {color:red;}

Answer 4

尝试这种方式：

<?php
echo "
    <style>
    .example h1, h2, li, p a {
    color: #".$model->theme_color."
    }
    </style>
";
?>