幾個元素的內聯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

回答

相關問題