Как раскрасить каждое слово заголовка h2 в разный цвет с помощью css?
2 ответа
Можно сделать с помощью такого простого JavaScript
-а.
var colors = ["red", "blue", "green", "orange", "olive"];
var el = document.getElementById("h")
var arr = el.innerText.split(" ");
var str = "";
var i = 0;
for (var word of arr) {
str += ` <span style="color:${colors[i++ % colors.length]}">${word}</span>`;
}
el.innerHTML = str;
<h2 id="h">Всем привет, с вами говорит рыжий кот!</h2>
Через css только если каждое слово обернуто в тэг