Как сделать свой стиль для каждой метки?

Люди добрые!
Помогите разобраться как сделать так, чтобы присвоить каждой метке индивидуальный класс.
Конструкция примерно такая:

<div> /* блок № 1, 2, ...*/
 <ul>
  <li> METKA 1 </li>
  <li> METKA 2 </li>
  <li> METKA 3 </li>
 </ul>
</div>

Весьма хочется сделать так, чтобы для каждого <li> был свой :before из картиночки 😉

Пробовал сделать псевдоклассы (:nth-child, :first-child и т.д.) не подходит, т.к. в следующем <div> метки могут выглядеть типа:

<div> /* блок № 1, 2, ...*/
 <ul>
  <li> METKA 2 </li>
  <li> METKA 3 </li>
 </ul>
</div>

Конструкция вывода меток такая (часть кода):

            <div>
                <?php
                    echo '<div class="gp-link-tag">';
                        if( get_the_tag_list() ){
                    echo get_the_tag_list('<ul class="gibdd-tag"><li>','</li><li>','</li></ul>');
                    };
                    echo '</div>';
                ?>
            </div><!--. gp-link-tag -->

Соответственно получается чехарда.
Заранее спасибо.

• Тема изменена 4 года, 7 месяцев назад пользователем legal2019. Причина: съехал код
• Тема изменена 4 года, 7 месяцев назад пользователем Yuri. Причина: попытка починить html