VPF::Прошу - помогите понять, в чем дело.

svch

Дата 29.9.2009, 22:52 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 116
Регистрация: 10.4.2006

Репутация: нет
Всего: нет

Код


* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.test {
    width: 400px;
}
.test ul {
    list-style: none;
}
.test ul li {
    float: left;
    width: 100px;
}
.test ul li a:link {
    font: bold 20px Verdana;
    background: #E6E6CC;
    display: block;
}
.test ul li a:visited {
    font: bold 20px Verdana;
    background: #E6E6CC;
    display: block;
}
.test ul li a:hover {
    font: bold 20px Verdana;
    background: #D9D9B3;
    display: block;
}

.test .align_right {
    text-align: right;
    width: 300px;
}
.align_right a:link {
    color: #FF8000;
}
.align_right a:visited {
    color: #FF8000;
}
.align_right a:hover {
    color: #FF8000;
}

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
</HEAD>

<BODY>

<div class="test">
    <UL>
        <LI>
            <A HREF="#">111</A>
        </LI>
        <LI class="align_right">
            <A HREF="#">222</A>
        </LI>
    </UL>
</div>

</BODY>
</HTML>

Доброго времени суток !
Вопрос вот какой :
как мне добиться, чтобы ссылка "222" просто была вот таким цветом "#FF8000" ? Чтобы не была ни полужирной, без background-а и прочих атрибутов, указанных в ".test ul li a ..." Просто с обычными стандартными настройками + мои стили. Не понимаю, как сделать, буду очень признателен за помощь.

С уважением, Сергей.

youri

Дата 30.9.2009, 00:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

назначь этой ссылке отдельно все нужные атрибуты

--------------------

С кем разговаривает Microsoft

svch

Дата 30.9.2009, 10:50 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 116
Регистрация: 10.4.2006

Репутация: нет
Всего: нет

Цитата

назначь этой ссылке отдельно все нужные атрибуты

Я понимаю, но такой вариант не подойдет. У первой ссылки всякие параметры типа ширины, фона и т.д.
Неужели нельзя по-другому ? Просто если у первой ссылки указана фиксированная ширина (к примеру), а у второй ширина произвольная - как быть ?

Большое спасибо.
С уважением, Сергей.

bars80080

Дата 30.9.2009, 14:41 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

дайте второй ссылке класс <a href="#" class="secondlink">

и назначьте все нужные стили

svch

Дата 30.9.2009, 15:43 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 116
Регистрация: 10.4.2006

Репутация: нет
Всего: нет

Цитата

дайте второй ссылке класс <a href="#" class="secondlink">

и назначьте все нужные стили

Все равно наследует.

youri

Дата 30.9.2009, 16:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

конечно наследует (только не наследует, а применяется скорее), нужные стили - это стили, которые нужно установить для элемент, в частности перекрывающие стили из других правил

--------------------

С кем разговаривает Microsoft

Violator

Дата 2.10.2009, 11:49 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

svch,
просто "вес" у .align_right a {} меньше чем у .test ul li a {} , соответственно применяються стили из .test ul li a
чтобы применялись стили из .align_right a {} нужно увеличить их "вес", в ксс вместо .align_right a {} пропишите .test .align_right a {}

ps о так называемой специфичности можно прочитать тут

youri

Дата 2.10.2009, 18:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

или можно увеличить вес .test ul li a {}. Есть еще такая штука как !important

--------------------

С кем разговаривает Microsoft

BlackRu

Дата 2.10.2009, 19:05 (ссылка)

(голосов:2)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 431
Регистрация: 14.9.2009

Репутация: нет
Всего: 4

Если только одну ссылку, можно просто перекрыть цвет, который прописан в таблице, добавив прямо в тело <a href=><font color=#FF8000>222</font></a>

Update: Однако не рекомендуется по понятным причинам - см. пост ниже

Это сообщение отредактировал(а) BlackRu - 2.10.2009, 19:19

--------------------

Удалена администрацией форума

bars80080

Дата 2.10.2009, 19:06 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а я б за такое убивал

буквально сегодня вычищал авгиевы конюшни из подобного срача

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »