Есть ли разница между порядком следования CSS правил?

Question

[weranda]

Приветствую

Разглядываю таблицу стилей. Задумался над порядком следования свойств — есть ли разница? Есть ли есть, то в чем она заключается?
Допустим, в таблице стилей я сначала разместил правила для footer, а после них правила для header, а внутри большого блока правил для header я вообще перемешал все правила рандомом. На что это повлияет кроме удобства восприятия и работы с таблицей стилей?
Конкретные примеры приветствуются.

Comments

[Максим Тимофеев]

Есть ли между порядком следования CSS правил?

есть что? Что есть между порядком следования?

Answer 1

[Максим Тимофеев]

Конкретные примеры:

.chuk {height: 40px; width: 40px;}
.gek {height: 20px;  width: 20px;}

порядок не имеет значение, Чук выше Гека, как не крути

.hren {fill: red;}
.hren {fill: green;}

порядок имеет значение, хрен стал зеленым

.chuk > .hren {fill: red;}
.hren {fill: green;}

хрен Чука красный, не зависимо от последовательности

я вообще перемешал все правила рандомом

как видите все зависит от того что это за правила. Может вообще ни на что не повлиять, а может повлиять весьма конкретно.
Еще пример уже с порядком свойств, а не правил:

.gek > .hren {
     fill: red;
     height: 22px;
}
.chuk > .hren {
     height: 24px;
     fill: red;
}

У Чука выше (или длиннее?) не зависимо от порядка свойств.

Comments

[Dymok]

Какие интересные примеры

[Максим Тимофеев]

Dymok, все надо делать с душой)))

[Lander]

Максим Тимофеев, Особенно описывать красный хрен Чука :)

[Doc44]

Lander, а какой он должен быть?
синий, что ли?