Сергей С.
24 сообщения
#17 лет назад
A:link {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
A:visited {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
A:hover {font-size: 20px; color: #E474C6; font-family: Monotype Corsiva; text-decoration: none;}
A:active {font-size: 14px; color: #D3D3D3; font-family: Verdana; text-decoration: none;}

Как можно изменить этот код чтобы на одной странице не все ссылки отображались по этому шаблону..
папример одна ссылка высвечивается(hover) зеленым, другая красным
Владимир Лукьяненко
124 сообщения
#17 лет назад
Все зависит чего у вас больше "не всех ссылок" или тех которые должны быть с этим стилем
.new_st_red A:link {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:visited {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:hover {font-size: 20px; color: red; font-family: Monotype Corsiva; text-decoration: none;}
.new_st_red A:active {font-size: 14px; color: #D3D3D3; font-family: Verdana; text-decoration: none;}

.new_st_red A:link {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:visited {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:hover {font-size: 20px; color: green; font-family: Monotype Corsiva; text-decoration: none;}
.new_st_red A:active {font-size: 14px; color: #D3D3D3; font-family: Verdana; text-decoration: none;}
Дамир В.
35 сообщений
#17 лет назад
Не совсем ясно что Вам хочется...

допустим у Вас есть разные текстовые блоки:
<div id="header"></div>
<div id="textblock"></div>
<div id="footer"></div>
Вы хотите чтобы в этих блоках ссылки при наведении отображались разными цветами, прописываем так:

/* общий стиль для всех ссылок */
a {font-size: 14px; color: gray; text-decoration: none;}

/* персональные стили для ссылок */
div#header a:hover {color: red;}
div#textblock a:hover {color: green;}
div#footer a:hover {color: blue}


это и даст нам желаемый результат.
Сергей С.
24 сообщения
#17 лет назад
Цитата ("tigr1945"):
все зависит чего у вас больше "не всех ссылок" или тех которые должны быть с этим стилем
.new_st_red A:link {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:visited {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:hover {font-size: 20px; color: red; font-family: Monotype Corsiva; text-decoration: none;}
.new_st_red A:active {font-size: 14px; color: #D3D3D3; font-family: Verdana; text-decoration: none;}

.new_st_red A:link {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:visited {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_red A:hover {font-size: 20px; color: green; font-family: Monotype Corsiva; text-decoration: none;}
.new_st_red A:active {font-size: 14px; color: #D3D3D3; font-family: Verdana; text-decoration: none;}


Если я не ошибаюсь, то второй блок должен выглядеть вот так

.new_st_green A:link {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_green A:visited {font-size: 14px; color: #629C9C; font-family: Verdana; text-decoration: none;}
.new_st_green A:hover {font-size: 20px; color: green; font-family: Monotype Corsiva; text-decoration: none;}
.new_st_green A:active {font-size: 14px; color: #D3D3D3; font-family: Verdana; text-decoration: none;}
Дмитрий П.
441 сообщение
#17 лет назад
А что так избыточно?

Вот этого будет достаточно:
a {color: #639c9c; font-size: 14px; font-family: Verdana; text-decoration: none; }
a:hover {color: #e474c6; font-size: 20px; font-family: Monotype Corsiva;}
a:active {color: #d3d3d3;}

.special-block a {color: red;}
.special-block a:hover {color: navy;}

a.special {color: green;}
a.special:hover {color: magenta;}


Получаем 3 типа ссылок -
1. дефолтной раскраски,
2. красные (при наведении - синие) - те, которые окажутся в блоках с классом "special-block" (например, <p class="special-block">...</p> или <div...> - не важно),
3. зеленые (при наведении - пурпурные) - те, у которых прописан класс "special" (например, <a href="./ainene/" class="special">Ай-нэ-нэ</a>.

Названия классов типа new_st_red лучше не употреблять по двум причинам:
1. Это сегодня они "red", а что, если через месяц надо будет сменить их цвет на, скажем, синий? Переписывать код везде? Или оставить название как есть, а через полгода мучительно вспоминать, почему в названии класса написано "red", а в реальности они "blue"?
2. Подчеркивание в названиях классов и других идентификаторах употреблять нельзя (хотя оно работает):