Interested Article - Цвета ссылок

В Википедии цвет ссылки указывает на состояние целевой страницы. Стандартные ссылки имеют следующие цвета:

Тип Код Описание
Синяя ссылка #0645AD / rgb(6,69,173) Страница, в данный момент существующая в Википедии
Тёмно-синяя ссылка #0B0080 / rgb(11,0,128) То же, и уже была посещена
Красная ссылка #CC2200 / rgb(204,34,0) Страница не существует
Светло-красная ссылка #A55858 / rgb(165,88,88) То же, и уже была посещена
Голубая ссылка #3366BB / rgb(51,102,187) Страница другого вики-проекта
Фиолетовая ссылка #663366 / rgb(102,51,102) То же, и уже была посещена

Изменение в личных настройках

Вы также можете изменить цвета ссылок, редактируя ваш CSS-файл .

Стандартные селекторы ссылок:

  • a: link — стиль непосещённых ссылок
  • a: visited — стиль уже посещённых ссылок
  • a: active — стиль ссылки, на которую наведён курсор
  • a: hover — стиль ссылки, над которой находится курсор

Цвета изменяются в соответствии со стандартами: Цвета HTML .

/* standard link colors */
.mw-body a:link { color: #0000FF; } /* normal unvisited links */
.mw-body a:link:visited { color: #00CD00; } /* visited links */
.mw-body a:link:active { color: #FF0000; } /* active links */
.mw-body a:link.new { color: #FF0000; } /* new links */
.mw-body a:link.interwiki { color: #3366BB; } /* interwiki links */
.mw-body a:link.external { color: #3366BB; } /* external links */
.mw-body a:link.stub { color: #772233; } /* hovered links */

.mw-body a:link {color: #FF0000}
.mw-body a:visited {color: #00008B}
.mw-body a:hover {color: #FF00FF}
.mw-body a:active {color: #0000FF}

Примечания:

  • строка a: hover должна идти после a: link и a: visited
  • строка a: active должна идти перед a: hover
  • вы должны приписать «.mw-body» перед стандартным описанием ссылки, потому что в противном случае стандартные цвета всё равно будут доминировать над теми, которые вы установили.
Ссылки-перенаправления

Показывать ссылки-перенаправления зелёными:

.mw-body a.mw-redirect {color: #308050}
.mw-body a.mw-redirect:visited {color: #3070A0}
Внешние ссылки
.mw-body a.external {color: #008000}

Другие изменения

Вы также можете форматировать текст другими способами.

text-decoration

Тег позволяет создавать такие декорации, как подчёркивание, перечёркивание, линия над текстом. Пример (подчёркивание):

.mw-body a:link {color: #000000; text-decoration: underline; }

Возможные значения:

  • none — ничего (по умолчанию)
  • underline — подчёркивание
  • overline — линия над текстом
  • line-through — перечёркивание
font-family

Меняет шрифт текста:

.mw-body a:link {font-family: monospace}

См. также

Источник —

Same as Цвета ссылок