Приоритеты

[crazybet]

Возникла проблемы с приоритетами стилей. Полистал форум, но не смог понять почему не работает.суть такая

есть

<td class="lt3">
		  <a style="display: block;" class="sublevel"></a>
		  <a style="display: block; font-style: italic;" class="sublevel "id="active_menu"></a>
</td>

Далее имеется 2 цсс файла. Один - первый шаблона сайта, второй шаблона модуля.

1

.lt3 a {
color: blue;
}

2

a {
color: green;

.sublevel {
color: red !important;
}
}

В общем если убрать импортент, то ссылку становятся синего цвета. Вопрос почему?

[npofopr]

а откуда html должен знать что стиль 1111.css это общие стили, а 2222.css это стили модуля?

http://monc.se/kitchen/38/cascading-order-...eritance-in-css

ну ведь можно спросить у гугла: приоритеты css

сперва он делает ваши ссылки:

green, потом red, ну и blue.

PS. я могу что то и путать

Edited September 4, 2010 by npofopr

[swetlana]

так приоритет же у .lt3 a выше, чем у .sublevel, всё нормально.

Приоритет считается по селектору.

каждый указанный в селекторе тэг добавляет 1 к приоритету;

каждый указанный в селекторе класс добавляет 10 к приоритету;

каждый указанный в селекторе ID добавляет 100 к приоритету;

.lt3 a — здесь один класс (10) и один тэг(1), в сумме 11;

a — здесь просто один тэг(1), так единичка и будет;

.sublevel — а здесь только один класс(10), так десятка и остаётся.

11, 1, 10 — что больше?

Правильно, вот и браузер полагает, что 11. А значит .lt3 a.

Логично?

[crazybet]

cпасибо за помощь