CSS: O nome da classe selector- name começa com

Eu tenho dois tipos diferentes de nomes de classe. Os primeiros são nomeadoscolor-*. Por exemplo:

color-red
color-blue
color-green

Eu também tenho nomes de classehover-color-*

hover-color-red
hover-color-blue
hover-color-green

Estou tentando fazer uma regra css para a cor padrão do hiperlink:

a:not([class*='color-']) {
    color: #3498db;
}

Isso é bom, no entanto, se existir um hiperlink assim:

<a href="#" class="hover-color-green">Link</a>

Nesse caso, o hiperlink deve manter a cor padrão do hiperlink e somente a cor do foco deve ser substituída, no entanto, devido à regraclass*='color-' e pelo fato de eu ter especificado apenas a cor do cursor, o hiperlink não recebe uma cor normal (# 3498db).

Existe alguma maneira de atualizar essa regra para que ela seja acionada apenas se o nome da classe começar comcolor-? (tão,ANYTHING-color- não se aplicaria)

questionAnswers(2)

yourAnswerToTheQuestion