Я хочу создать гиперссылку, которая не меняет текст, когда я навис над ним. Я создал специальный стиль для этого типа ссылки следующим образом:
a.blank:hover{
text-decoration:none;}
и сама связь:
<a class="blank" id="asdf">asdf</a>
У меня также есть общий стиль гиперссылки:
a:hover, a:active {
text-decoration: none;
color: #321dd3; }
Я знаю, что могу обойти это, указав цвет текста как один и тот же, но есть ли зонтичный метод, чтобы заставить гиперссылку ничего не менять?
Есть библиотеки, такие как reset.css
(И еще, как ему), который удалит эти стили, но это может повлиять на другие части вашей страницы. Лучше всего использовать
a:hover, a:active {
text-decoration: none;
color: inherit;
}
Вам также необходимо добавить a{text-decoration: none;}
и определить свойство color
(That what inherit
ed) для его родительского элемента.
Скрипт: http://jsfiddle.net/VhCf8/