Как вывести заголовки материалов на одной странице разным цветом?

В имеющемся шаблоне заголовки материалов выводятся тегом H2, для которого прописан соответствующий класс CSS. Как вывести заголовки материалов на одной странице разным цветом? Для модулей и компонентов это можно сделать с помощью разных суффиксов к классу CSS. А для материалов?

 

не поверишь, но аналогично
в виде

Код (html):

1. h2 class="tvoj_class"

 

Сорри, не понял... Если я поменяю класс h2, у меня поменяются все заголовки. А мне надо в материалах на главной сделать разные заголовки...

 

дай материалам КАЖДОМУ свой УНИКАЛЬНЫЙ класс h2, пропиши в css и больше их не используй

 

Тоже появилась потребность в различных цветах в заголовках разных статей на одной странице, например странице блога. В идеале бы сделать каждой категории свой цвет заголовков статей в нее входящих. Вот только как? Может компонент такой есть? Подскажите пожалуйста.