Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Прошу - помогите понять, в чем дело.

Автор: svch 29.9.2009, 22:52

Код


* {
    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

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

Автор: svch 30.9.2009, 10:50

Цитата

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

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

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

Автор: bars80080 30.9.2009, 14:41

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

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

Автор: svch 30.9.2009, 15:43

Цитата

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

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

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

Автор: youri 30.9.2009, 16:09

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

Автор: Violator 2.10.2009, 11:49

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

ps о так называемой специфичности можно прочитать http://www.w3.org/TR/CSS2/cascade.html#specificity

Автор: youri 2.10.2009, 18:37

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

Автор: BlackRu 2.10.2009, 19:05

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

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

Автор: bars80080 2.10.2009, 19:06

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

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