0

Как раскрасить каждое слово заголовка h2 в разный цвет с помощью css?

2 ответа 2

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>

0

Через css только если каждое слово обернуто в тэг

2
  • Тогда мне каждое слово внутри h2 обернуть в span? Или во что то другое?
    – Topik
    19 мар 2018 в 16:24
  • Да, как вариант <h2><span>Текст</span> <span>текст</span></h2> 19 мар 2018 в 16:27

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.