CSS такой же стиль для: link a: visited a: hover a: active, действительно нужно написать все это 4 раза

Ответ 1

Просто забудьте псевдоклассы и выберите только a:

.DT_compare a {
    font-family:"Lucida Grande", Arial, sans-serif;
    font-size:11px;
    line-height:14px;
    font-weight:normal;
    font-style:normal;
    color:#EEE;
    text-align:center;
}

Однако это не очень специфический селектор; в случае необходимости вы можете найти другой способ увеличить его, чтобы он перекрывал ваши селектора a:hover и a:active или вместо whowton answer и просто указывал все четыре их.

И снова, если ваши основные стили гиперссылок применяются к a:hover и a:active без каких-либо изменений перед ними, пока вы разместите свое правило .DT_compare a под ними, оно должно работать нормально.

Ответ 2

Я не думаю, что вы можете сделать меньше:

.DT_compare a:link,
.DT_compare a:visited,
.DT_compare a:hover,
.DT_compare a:active, {
    font-family:"Lucida Grande", Arial, sans-serif;font-size:11px;line-height:14px;font-weight:normal;font-style:normal;color:#EEE;text-align:center; }

Ответ 3

просто оставьте :link off, чтобы сразу воздействовать на все состояния.

Ответ 4

Less может помочь здесь через 'mixins', например:

.a {
  text-decoration: none;
  color: black;
}

a:link { .a; }
a:visited { .a; }

Я бы не удивился, если бы был лучший способ, но это лучшее, что я знаю. меньше серьезно - это в основном CSS, но как программист мог бы его спроектировать. Вам больше не придется повторять себя снова...

Ответ 5

.DT_compare a[href]{ ... }

приятно, потому что вы можете прокрасться в какой-то дополнительной специфике. (селектор атрибутов == селектор классов, хотя).

Ответ 6

.DT_compare a:link, a:visited {
font-family:"Lucida Grande", Arial, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
color:#EEE;
text-align:center;
}

.DT_compare a:hover, a:active {
font-family:"Lucida Grande", Arial, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
font-style:normal;
color:#EEE;
text-align:center;
}