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-
не будет применяться)