Определение цвета CSS с помощью переполнения стека

Question

Определение цвета CSS с помощью переполнения стека

Мне нужен способ определения цвета подсветки CSS в качестве значения php, а затем использовать его в качестве класса в моих таблицах стилей.

Я знаю, что кто-то делает это как встроенные стили, но у меня слишком много элементов, использующих класс, чтобы поместить его в строку. В идеале мне нужен способ отобразить переменную в таблице стилей (SASS?)

Я не могу найти это нигде, что кажется странным!

0

css less php sass stylesheet

Решение

По вопросам рекламы [email protected]

Accepted Answer

На данный момент у вас есть 2 жизнеспособных варианта.

Используя Javascript

Первый вариант заключается в использовании некоторого JavaScript внутри вашего HTML-файла, в script тег.

Определите переменную с помощью PHP и используйте ее для выбора нужных элементов.

var myVariable = "dodgerblue";

$(".el").css("background-color", myVariable);

body {
counter-reset: example;
display: flex;
justify-content: space-around;
height: 100vh;
margin: 0;
}
div {
flex: 0 0 10%;
counter-increment: example;
}
div::after {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
content: counter(example);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>
<div class="el"></div>

0

Другие решения

Других решений пока нет …

Источник