codepen.io/anon/pen/MJvgrJ

я есть два разных типа имен классов. Первые названыcolor-*, Например:

color-red
color-blue
color-green

У меня также есть имена классовhover-color-*

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

Я пытаюсь сделать правило CSS для цвета гиперссылки по умолчанию:

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

Это хорошо, однако, если гиперссылка существует так:

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

В этом случае гиперссылка должна сохранять цвет гиперссылки по умолчанию, и только цвет при наведении должен быть переопределен, однако из-за правилаclass*='color-' и тот факт, что я указал только цвет при наведении, гиперссылка не имеет нормального цвета (# 3498db).

Есть ли способ обновить это правило, чтобы оно срабатывало, только если имя класса начинается сcolor-? (так,ANYTHING-color- не будет применяться)

Ответы на вопрос(2)

Ваш ответ на вопрос