Tengo dos tipos diferentes de nombres de clase. Los primeros se nombrancolor-*. Por ejemplo:

color-red
color-blue
color-green

También tengo nombres de clasehover-color-*

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

Estoy intentando hacer una regla css para el color predeterminado del hipervínculo:

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

Esto está bien, sin embargo, si existe un hipervínculo como este:

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

En este caso, el hipervínculo debe mantener el color de hipervínculo predeterminado y solo el color de desplazamiento debe anularse, sin embargo, debido a la reglaclass*='color-' y el hecho de que solo especifiqué el color de desplazamiento, el hipervínculo no tiene un color normal (# 3498db).

¿Hay alguna forma de actualizar esta regla para que solo se active si el nombre de la clase comienza concolor-? (entonces,ANYTHING-color- no aplicaría)