Цветовыделение ников по группам с помощью CSS

По месту расположения:

Код:
<style>
/* Цветовыделение ников по месту расположения с помощью CSS */

/* В постах */
div[data-group-id="1"] li.pa-author>a {color: red;}
div[data-group-id="2"] li.pa-author>a {color: blue;}
div[data-group-id="3"] li.pa-author>a {color: green;}
div[data-group-id="4"] li.pa-author>a {color: purple;}

/* Участники и Статистика форума*/
.group1 a {color: red;}
.group2 a {color: blue;}
.group3 a {color: green;}
.group4 a {color: purple;}

/* Статистика низ форума */
a.group1 {color: red;}
a.group2 {color: blue;}
a.group3 {color: green;}
a.group4 {color: purple;}
</style>

Или вариант объединения по группам:

Код:
<style>
/* Цветовыделение ников по группам с помощью CSS */

/* Группа 1 */
div[data-group-id="1"] li.pa-author>a, .group1 a, a.group1 {color: red;}

/* Группа 2 */
div[data-group-id="2"] li.pa-author>a, .group2 a, a.group2 {color: blue;}

/* Группа 3 */
div[data-group-id="3"] li.pa-author>a, .group3 a, a.group3 {color: green;}

/* Группа 4 */
div[data-group-id="4"] li.pa-author>a, .group4 a, a.group4 {color: purple;}
</style>

Где: div[data-group-id="1"] li.pa-author>a, .group1 a, a.group1 - номер группы..

Ставить в НТМЛ Верх.

Эти два кода делают одно и тоже, только первый код дает возможность одной группе ставить разные цвета в разных местах..