Использование потомка комбинатора после: не ⇐ CSS

[Anonymous]

У меня есть следующие запросы CSS: < /p>
@media (max-width: 768px) {

/* Works */
.wp-block-group.is-layout-flex:not(.is-vertical) {
flex-wrap: wrap;
}

/* Does not work, or even appear in Dev Tools */
.wp-block-group.is-layout-flex:not(.is-vertical) > div {
flex-basis: 100% !important;
}
}
< /code>
и следующая (упрощенная) псевдо-гридная структура из редактора блоков WordPress: < /p>





...
...







< /code>
Когда я захожу на мою страницу, невертическая группа правильно учитывается его гибкой, но ее прямые потомки даже не видят правило. Чтобы быть ясным, в инструментах разработчика Firefox последнее правило не присутствует, даже не перезаписывается.jQuery('.wp-block-group.is-layout-flex:not(.is-vertical) > div').css('flex-basis', '100%')
< /code>
Правила находятся в одном и том же файле и подтверждены текущими, так что это не устаревший кэш или плохая ссылка. < /p>
Идеи? У меня никогда не было правила CSS вообще, так что это синтаксическая ошибка?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -after-not