Настройка внешнего вида ссылок

[vilyaban]

Уже давно не дает покоя такая проблема:

чтобы настроить вид ссылок общий для всех в CSS пишется следующее:

a:link {text-decoration: none; color:#009}
a:visited {text-decoration: none; color:#666}
a:hover {text-decoration: underline; color:#009}
a:active {text-decoration: none; color:#009}

а мне нужно для отдельной части ссылок настроить другое отображение.

 

[Eihwaz]

И снова здравствуйте
Только классами:

<a class="mylink" href="#">link</a>

css:

a.mylink:link {text-decoration: none; color:#009}
a.mylink:visited {text-decoration: none; color:#666}
a.mylink:hover {text-decoration: underline; color:#009}
a.mylink:active {text-decoration: none; color:#009}

 

[The Finn]

Eihwaz, как вариант, можно настроить вид ссылок в определенном блоке, чтоб не пришлось в каждой ссылке писать class="mylink".

vilyaban, если ссылки находяться в отдельном блоке, то можно сделать так:

В CSS запишем:

.linkbox a:hover{
text-decoration: none; 
color:#621;
}
.linkbox a:link{
text-decoration: none; 
color:#e2e;
}
.linkbox a:visited{
text-decoration: none; 
color:#ccc;
}
.linkbox a:active{
text-decoration: none; 
color:#ff2;
}

А в коде тогда будет:

<div class="linkbox">
<a href="/" target="_blank">Ссылка</a>
<a href="/" target="_blank">Ссылка</a>
<a href="/" target="_blank">Ссылка</a>
</div>

 

[vilyaban]

У меня все ссылки в шаблоне вывода навигации в неткате. Но за совет спасибо.

 

[Madmess]

text-decoration: none; можно один раз написать, а где надо включить
меньше кода будет

 

[The Finn]

text-decoration: none; можно один раз написать, а где надо включить
меньше кода будет

Ну это само собой, я к примеру псевдоклассы :link и :visited вообще не использую. Ещё как вариант можно использовать спан, но только для небольшого кол-ва ссылок, чтоб не нагружать блоками страничку, когда можно обойтись только стилями отдельных элементов.

 

[troop3r]

text-decoration: none; можно один раз написать, а где надо включить

active и focus также можно опустить, ощутимой пользы от них нет.

a { color: red; text-decoration: none; }
a:hover { color: blue; }
вот и все, при наведении цвет ссылки будет меняться на синий.

 

[Skie]

И снова здравствуйте
Только классами:

<a class="mylink" href="#">link</a>

css:

a.mylink:link {text-decoration: none; color:#009}
a.mylink:visited {text-decoration: none; color:#666}
a.mylink:hover {text-decoration: underline; color:#009}
a.mylink:active {text-decoration: none; color:#009}

Может кому пригодится.
Мне надо было к <span> это дело применить, классами не получилось, а ID проканало.

<style type="text/css">

#tt{
 text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
</style>

<span id="tt" >

текст <a id="tt" href="http:/ya.ru">ссылка</a> текст
</span>

P.S.
А нифига не работает.
Если из <a id="tt" href="http:/ya.ru">ссылка</a> убрать id="tt" ссылка всё равно подчёркивается и <span id="tt" > почему-то на неё не влияет.
Вот...

 

[The Finn]

id - уникальный идентификатор, он обычно присваивается элементам, которые не повторяются на страничке.

Для ссылок, обычно почти всегда используется class