Форум на все случаи жизни > задание разных стилей для текста

Помощь - Поиск - Пользователи - Календарь

Полная версия: задание разных стилей для текста

Форум на все случаи жизни > Программирование, скрипты, графика, WEB-строительство > WEB дизайн и прикладное программирование

bfz_2

Minas

10.06.2006 - 15:38

Можно ли как-нибудь прописать в разных стилях разное поведение для ссылок.

смену фона при наведении, цвет ссылки, цвет использованной ссылки. Можно ли это задать внутри стиля? т.к. при простом вынесении (приведено ниже) заданные параметры распространяются на весь текст.

Код

.menu1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight:bold;
    color: #0066CC;
    text-decoration: none;
    font-variant:small-caps;
    position: absolute;
    top:0;
    z-index: 2;
    visibility: hidden;
}
A:link {COLOR: #0066CC; TEXT-DECORATION: none}
A:visited {COLOR: #0066CC; TEXT-DECORATION: none}
A:active {COLOR: #0066CC; TEXT-DECORATION: none}
A:hover {COLOR: #0066CC; TEXT-DECORATION: none}

.menu2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    color: #FFFFFF;
    text-decoration: none;
}

levnev

23.06.2006 - 23:25

Общий стиль ссылок задается дествительно конструкциями:
A:link {}
A:visited {}
A:active {}
A:hover {}

или
A:link, A:visited, A:active, A:hover {}

А вот для разных элементов классов и стилей надо так:
.menu A:link{}
.menu A:visited {}
.menu A:active {}

Ann

27.06.2006 - 22:54

Minas почитайте статью Как на странице сделать ссылки разных цветов http://htmlbook.ru/faq/?id=3#a13

Там рассмаривается два способа раздельного управления стилем разных ссылок на одной странице.

Zsrg

14.08.2006 - 13:14

Самое обычное наследование стилей, можно использовать любой подход, например:

th a:hover {...} - Стиль ссылок в заголовках таблицы
table div a:hover {...} - Только в блоках DIV находящихся внутри таблицы
div.news a:hover {...} - только для ссылок в блоках с классом news
a:hover.link {...} - Только для ссылок имеющих класс link

Ну и т.д. и т.п. Уровни вложенности элементов может быть различный, только вот плохо это, использовать
различную стилистику ссылок на одном сайте. Это поменьшей мере дурной тон по отношению к
посетителю. Человек должен интуитивно знать где ссылка а где нет, и различная стилистика ссылок
будет просто сбивать с толку

..
Это текстовая версия — только основной контент. Для просмотра полной версии этой страницы, пожалуйста, нажмите сюда.