几个元素的内联css

我想要使用内联css，因为我有一些参数需要传递，我不能在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;?>**">

有谁知道如何做到这一点？我可以这样做吗？

来源

2016-02-27 Anthonius

对不起东西，添加PHP来了一会儿标签，但再仔细看，它实际上不是PHP具体。 – Tony

这应该这样做

<?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>

来源

2016-02-27 13:16:28 dorado

谢谢！它解决了！ – Anthonius

试试这个方法：

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

来源

2016-02-27 13:15:03 Pedram

从上面很好的修正！ – Anthonius

什么你可能需要的是内部CSS（而非内联CSS） - 这就是你的风格包括标签中的CSS。因此，像

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

来源

2016-02-27 13:15:47 potatopeelings

非常感谢，这就是我需要的！ – Anthonius

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

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

CSS

.color-red {color:red;}

来源

2016-02-27 13:24:33 Aziz

谢谢，这是一个好主意！但也许会有很多代码在CSS中，因为有很多参数组合。 – Anthonius

那么，在这种情况下，使用内部（非内联）CSS是合理的和推荐的。 – Aziz

几个元素的内联css

回答

相关问题