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. Подчеркивание в названиях классов и других идентификаторах употреблять нельзя (хотя оно работает): посилання