Не могу изменить рамзер шрифта в списке

[kpripper]

Шрифт всех ссылок задан в идентификаторе qqq. Хочу сделать подсписок меньшим шрифтом, но не один из трех способов не работает, хотя паддинг работает.

<div id="qqq">

<ul>

<li><a href="/home" </a>Текст</li>

<ul class="inner">

<li><a href="#">Текст</a></li>

<li><a href="#">Текст</a></li>

</ul>

<li><a href="/home" </a>Текст</li>

</ul>

</div>

.inner {

padding-left:15px;

font-size:5px;

}

.inner ul li a{

font-size:5px;

}

.inner а{

font-size:5px;

}

Edited November 4, 2011 by kpripper

[ceil100]

у вас код кривой

<li><a href="/home" </a>Текст</li>

<li><a href="/home">Текст</a></li>

и писать надо

ul.inner li a{

font-size:5px;

}

а не

.inner ul li a{

font-size:5px;

}

Edited November 4, 2011 by ceil100

[kpripper]

Спасибо, все исправил, но не работает. В фаербаге почему нужный размер зачеркнутый.

Edited November 4, 2011 by kpripper

[Быколай]

Спасибо, все исправил, но не работает. В фаербаге почему нужный размер зачеркнутый.

работает же. даже с кривым кодом

http://jsfiddle.net/w4GW4/

[ceil100]

Спасибо, все исправил, но не работает. В фаербаге почему нужный размер зачеркнутый.

потому что какой-то код ниже переопределяет ваш размер

[kpripper]

Быколай, ну я же написал, что размер шрифта наследуется от #qqq. Без него конечно все работает.

ceil100 - ниже уже ничего нет.

Вот http://jsfiddle.net/kpripper/HmbXH/

http://jsfiddle.net/kpripper/FSAKf/1/

Edited November 4, 2011 by kpripper

[ceil100]

я же написал как правильно

каскадные таблицы потому и называются так, что здесь еще вес селекторов имеет значение

id очень много добавляет весу и переопределить его можно либо назначением класса, id или цепочкой элементов

либо добавить font-size:5px !important;

что сразу сделает его самым весомым

лишний код убери из css

лишний код убери из css

класс можно убрать, оставить только !important

Edited November 4, 2011 by ceil100

[kpripper]

А, понял. Спасибо. Плюс поставить не могу из-за негативной репутации.

Edited November 4, 2011 by kpripper

[ceil100]

<div id="qqq">
   <ul>
          <li><a href="/home" </a>Текст</li>
                 <ul class="inner">
                        <li><a class="inner-link" href="#">Текст</a></li>
                        <li><a  href="#">Текст</a></li>
                 </ul>
          <li><a href="/home" </a>Текст</li>
   </ul>
</div>

#qqq {
 font-size:14px;color:green;
}

ul.inner li a
{
font-size:15px;color:#000;
}

ul.inner a.inner-link {font-size:20px;color:red}

я тебе пример переопределения хороший сделал

если ul.inner из последней строки убрать, то вышележащая строка, станет более весомой и переопределит свойства

[hedgehog]

Быколай, ну я же написал, что размер шрифта наследуется от #qqq. Без него конечно все работает.

ceil100 - ниже уже ничего нет.

Вот http://jsfiddle.net/kpripper/HmbXH/

http://jsfiddle.net/kpripper/FSAKf/1/

#qqq a {font-size:14px;}

имеет больший приоритет, чем

.inner а {font-size:5px;}

потому что первый стиль задан через идентификатор, а не класс. переписать его можно так:

#qqq .inner a {font-size:14px;}

увы, какой вариант правильнее: этот или же !important, я точно сказать не могу. но сам стараюсь избегать использования !important там, где можно обойтись без него.

[ceil100]

я стараюсь избегать нагромождения селекторов, максимум три уровня вложенности

а лучше один, два

и где надо использовать классы и , реже id