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)