Ответьте пожалуйста чайнику... если я пишу:

#content p
{
…
}

.small_text
{
…
}

а потом:

<div id="content">
<p>…</p>
<p class="small_text">…</p>
</div>

то почему у меня оба абзаца одинаковы? Для первого font-size один, для второго - другой...

Konyukhov, идем в гугл и спрашиваем: "css rules priority"

На страничке http://developer.mozilla.org/en/docs/CS … :Selectors в результате читаем:

Цитата:

If more than one rule applies to an element and specifies the same property, then CSS gives priority to the rule that has the more specific selector. An id selector is more specific than a class selector, which in turn is more specific than a tag selector.

Что мы и видим: "#content p", как более приоритетное, перекрывает ".small_text".

логично что нужно написать: #content .small_text {…}

Проще говоря, чем подробнее путь, тем выше приоритет

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

Сколь угодно "подробный" путь с использованием классов (проложенный хоть от body на 10 шагов вглубь) легко перебивается единственным правилом, содержащим ссылку на id. Поскольку приоритеты задаются не "подробностью", а... тем, что указано выше в цитате.