Конкретные примеры:
.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;
}
У Чука выше (или длиннее?) не зависимо от порядка свойств.