Inline css для нескольких элементов

Я пытаюсь использовать встроенный css, потому что у меня есть некоторые параметры, которые мне нужно передать, которые я не могу сделать в файлах css. Все хорошо, если я установить стиль для одного элемента, например:Inline 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;?>**">

Кто-нибудь знает, как это сделать? И могу ли я сделать это inline?

источник

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

Ну, в этом случае использование внутреннего (NOT INLINE) CSS оправдано и рекомендуется. – Aziz

Inline css для нескольких элементов

ответ

Смежные вопросы