Чтобы исправить это, сначала поставьте селектор .foo ...
и добавьте !important
в значение цвета для другого селектора ссылок / посещений, например:
a:link, a:visited {
color: blue;
}
a:hover, a:active {
color: red !important;
}
.foo a:link, .foo a:visited {
color: green;
}
Причина того, что .foo a:link, .foo a:visited
селектор переопределяет другой селектор независимо от того, где вы положили его, потому что .foo a:link
более специфичен, чем a:link
. (так же для :visited
.) Поэтому селектор .foo ...
всегда будет переопределять селектор a:link,a:visited
, потому что он имеет имя родительского класса, поэтому он более конкретный. (Также читайте @ ответ BoltClock о LoVe - HAte - это часть проблемы.)