Сохраняйте исходное форматирование с помощью гиперссылок

Я пытаюсь настроить ссылки внутри веб-страницы на части одной и той же страницы, но хочу сохранить исходное форматирование текста, которое было простым заголовком h4. Я пробовал много вещей, в том числе устанавливал для параметра h4 и text-decoration значение none в стиле, но, хотя подчеркивание из ссылки удалено, оно не вернется к цвету и размеру заголовка h4. Есть ли способ сделать это?


css hyperlink html-heading
person dmwesq    schedule 07.10.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я не уверен, как выглядит ваш код, но подобная структура предотвратит перепутывание стилей h4 (jsFiddle< /а>):

HTML:

<a href="#contact" class="self_page">
    <h4>Contact Us</h4>
</a>

CSS:

h4 {
    color:#666333;
    font-family:Georgia,serif;
}
a.self_page {
    text-decoration:none;
    color:inherit;
}
person Polyov    schedule 07.10.2012

arrow_upward
0
arrow_downward

Если разметка

<h4><a href="...">Some heading</a></h4>

(который использует допустимый способ вложения элементов h4 и a), и если цвет h4elements черный (по умолчанию), следующая таблица стилей удаляет форматирование ссылки, делая текст заголовка таким же, как если бы разметка a не была там:

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

Если цвет элементов h4 не черный, измените правило таблицы стилей, которое задает его цвет, чтобы был добавлен селектор h4 a. Например, если это h4 { color: orange }, измените его на h4, h4 a { color: orange }. (Вы можете заставить ссылку наследовать цвет своего родителя, используя h4 a { color: inherit }, но значение inherit поддерживается не всеми браузерами.)

Если вы хотите скрыть ссылку даже при наведении курсора мыши, когда указатель (ошибочно называемый «курсором» в терминологии CSS) по умолчанию меняется на руку, вы можете добавить это:

h4 a {
   cursor: text;
}
person Jukka K. Korpela    schedule 07.10.2012