Вопрос о приоритете классов

[indexmsk]

Друзья, такой вопрос. Есть тег:

<p class="class1 class2">content</p>

Описание классов находится в разных таблицах css1 и css2 соответственно. Выглядит это описание так:

.class1 {margin-bottom:20px;}

.class2 {margin-bottom:0;}

Таблицы вызываются в документе так:

<link rel="stylesheet" href="css2.css" type="text/css" />

<link rel="stylesheet" href="css1.css" type="text/css" />

Т.е. таблица с классом .class2 идет первой, а .class1 - вслед за ней.

А теперь вопрос. Простая логика подсказывает мне, что .class2 должен иметь приоритет над .class1, т.к. он приписан к тегу последним. На практике все совсем не так, и параграф имеет отступ в 20 пикселей. Почему так происходит?

Порядок вызова таблиц имеет значение?

[Kray Storm]

Сочетание разных классов

К любому тегу одновременно можно добавить несколько классов, перечисляя их в параметре class через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. Поскольку при добавлении нескольких классов они могут содержать одинаковые стилевые свойства, но с разными значениями, то берется значение у класса, который описан в коде ниже.

Выходит, class1 хоть и приписан к тегу до class2, но при этом стиль css1.css для class1 в коде подключен вторым, а значит перекрывает собой правила css2.css для class2.

Чтобы проверить это, можно поменять

<link rel="stylesheet" href="css2.css" type="text/css" />
<link rel="stylesheet" href="css1.css" type="text/css" />

местами.

Или как-то так )

[SelenIT]

Порядок вызова таблиц имеет значение?

Да. Из селекторов с одинаковой специфичностью применяется тот, что описан последним, т.е. ниже по коду (как бы этот код ни собирался). А вот порядок «приписки к тегу» как раз совершенно неважен.