Как в css указать условие, что если все дочерние элементы none, то убрать margin у родителя?

Question

[rd100]

Есть элемент, который часто бывает со всеми дочерними блоками none, но т.к. у него есть margin, он занимает свои 20px
Как сделать так, что если все дочерние блоки none, то margin ставить 0?

https://jsfiddle.net/uac2svnx/

Answer 1

[Ross Alex]

Переделайте этот блок. Он по логике должен быть сверстан по-иному.
Что-то вроде этого

Comments

[rd100]

А можно как-то условие поставить, что если 2 или 3 блока только с классом hidden, то менять main?

[arlis]

rd100, с помощью js

Answer 2

[Сергей delphinpro]

Чтобы сделать отступы, делайте их для самих блоков, а не для обертки.
https://jsfiddle.net/DelphinPRO/avwoj7hd/