Нет, вы поняли неправильно.
Рассмотрим такой пример:
<section class="container">
<div class="child level-1">
Потомок 1-го уровня
<div class="child level-2">Потомок 2-го уровня</div>
</div>
</section>
/* Случай А */
.container > .child {
color: red;
}
/* Случай Б */
.container .child {
color: red;
}
В случае А правило назначается на потомка первого уровня и наследуется потомком 2-го.
В случае Б правило назначается на потомков всех уровней.
Более точные пояснения:
В первом случае, чтобы изменить стили потомка второго уровня, достаточно просто к нему обратится по уникальному селектору, чтобы перезаписать стили, поскольку он не попадает в целевую выборку, а его собственный селектор по умолчанию имеет вес равный 0.
.container > .child {
color: red;
}
.level-2 {
color: blue;
}
<section class="container">
<div class="child level-1">
Потомок 1-го уровня
<div class="child level-2">Потомок 2-го уровня</div>
</div>
</section>
Во втором случае, чтобы изменить стили потомка второго уровня придется назначить селектор, вес которого не меньше, чем у предыдущего правила, поскольку элемент попадает в целевую выборку.
.container .child {
color: red;
text-decoration: underline;
}
/* Так не сработает */
.level-2 {
color: blue;
}
<section class="container">
<div class="child level-1">
Потомок 1-го уровня
<div class="child level-2">Потомок 2-го уровня</div>
</div>
</section>
Чтобы заработал второй случай, увеличим вес селектора
.container .child {
color: red;
}
/* Вес селектора не меньше, чем в предыдущем правиле */
.container .level-2 {
color: blue;
}
<section class="container">
<div class="child level-1">
Потомок 1-го уровня
<div class="child level-2">Потомок 2-го уровня</div>
</div>
</section>