Замена цвета нужного текста CSS?

Question

[kostyaDyachenko]

Возможно ли изменить какие либо параметры конкретного текста на странице с помощью CSS. Текст не имеет класса. Возможно можно как то задать этому тексту класс. Текст динамический,на этом месте может появляться другой текст. Хочу например чтобы при появлении текста "1" он становился красного цвета,а при появлении текста "2" он становился зеленого текста. Вот код html.

<div class="sections" id="params">
 <div class="section_item">
  <span class="main">Статический текст:</span>
  <span>Динамический текст 1</span>
</div>
</div>

----------------------------------------
Вот решение.

/*Делаем строчку "Статический текст: Динамический текст" красного цвета(у меня в списке она 7 по счету)*/
 .section_item:nth-child(7) {color:red;}
  /*Исключаем "Статический текст" возращая его родной черный цвет. "Динамический текст" остался красного цвета*/
  .section_item:nth-child(7) .main:nth-child(1) {color:black;}

Всем спасибо за помощь)))

Answer 1

[Себастьян Перейра]

Вам могут помочь последовательность селекторов, а также псевдоклассы child.

Comments

[kostyaDyachenko]

Попробую в этом разобраться. Надеюсь получится что то из этого.

[kostyaDyachenko]

Этот способ подошел. .section_item:nth-child(7n). Только цвет меняется и у "Статический текст"(в моем примере) что очевидно. Может Вы знаете еще способ чтобы изменить цвет. Может можно по номеру буквы например)))

[kostyaDyachenko]

Даже из этого нашел выход. Так что ваш совет очень помог. Спасибо!!!))))

Answer 2

[Ilya Korablev]

Так можно сделать только для <a>