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

Question

Хо-хо,

При работе с CSS. Если стиль CSS одинаков для a: link a: visit a: hover a: active, действительно ли нужно выписывать это время. Работа с пользовательской ссылкой.

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

Есть ли ярлыки?

Marvelous

Answer 1

Не думаю, что вы можете сделать что-то короче:

.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; }

Answer 2

Просто забудьте о псевдоклассах и выберите только 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, или вместо этого использовать whoughton's answer и просто укажите все четыре из них.

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

Answer 3

просто оставьте :link выключенным, чтобы повлиять на все состояния одновременно.

Answer 4

.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;
}

Answer 5

.DT_compare a[href]{ ... }

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

Answer 6

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

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

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

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