Применение радужного текста ко всему тексту в классе ⇐ CSS

[Anonymous]

Я нашел очень красивую радужную текстовую анимацию, которая мне понравилась:

https://github.com/xoxco/Rainbow-Text
Я пытаюсь применить ее эффекты ко всему тексту в классе.

Код: Выделить всё

some text here...

Проблема в том, что если на странице есть два разных фрагмента текста:

Код: Выделить всё

Text #1
Text #2

Эффект радуги применяется к обеим частям текста, но текстовое содержимое каждого диапазона меняется на Текст № 2..
Текст не является статическим на странице, поэтому я не могу использовать id.
Есть ли способ изменить класс (или идентификатор) каждого диапазона радужного текста на Rainbow-1, Rainbow-2 и т. д. и заставить код JavaScript выполняться в каждом диапазоне независимо? Может быть, цикл, который перебирает идентификатор, начинающийся с радуги-, и независимо применяет к нему эффект?

Подробнее здесь: https://stackoverflow.com/questions/351 ... t-in-class