Как изменить цвет в CSS с PHP?

Question

В моем CSS файле div имеет следующее свойство: background-color: blue;

Можно ли изменить цвет с помощью PHP?

HTML:

<div id="div_id" class="div_class">
    Text
</div>

CSS:

.div_class {
   background-color: blue;
}

PHP:

if($variable == "Black")
{
    ... *change css color to black* ...
}

Answer 1

Почему бы просто не добавить переменную в класс и добавить стиль переопределения:

<div id="div_id" class="div_class div_class--<?php echo strtolower($variable); ?>"  >
    Text
</div>

.div_class {
  background-color: blue;
}

.div_class--black {
  background-color: black;
}

Answer 2

Вы можете сделать это с помощью встроенного стиля или дополнительного класса.

Встроенный:

<?php
    if($variable == "Black")
      echo '<div id="div_id" style="background-color:black" class="div_class">
        Text
      </div>';
?>

Дополнительный класс:

<?php
    if($variable == "Black")
      echo '<div id="div_id" class="div_class backgroundcolor-black">
        Text
      </div>';
?>

Ваш css выглядит так:

.div_class.backgroundcolor-black {
    background-color:black;
}

Answer 3

CSS:

.div_class{
    background-color: blue;
}
.div_red{
    background-color: red;
}
.div_green{
    background-color: green;
}

Мы можем изменить цвет, используя следующий код

PHP:

$class = 'div_class';
if($variable == "red")
{
    $class = 'div_red';
} else if($variable == "green") {
    $class = 'div_green';
}

<div id="div_id" class="<?php echo $class; ?>">
    Text
</div>

Надеюсь, выше поможет.

Answer 4

Определите 2 предложения

.div_class_blue{
   background-color: blue;
}
.div_class_black{
   background-color: #000;
}

на PHP, вы можете выполнить if / else с помощью троичного оператора.

<div id="div_id" class="<?php ($variable=="black")?"div_class_black":"div_class_blue" ?>"  >
    Text
</div>

PHP Ручной

Answer 5

<div id="div_id" class="<?= ($variable=='black')?'div_class_black':'div_class"?>"> Text </div>

В css:

.div_class{
    background-color: blue;
}

.div_class_black{
   background-color: black;
}

Необходимо создать два класса