> そういう事。だからラッパーに頼るしかなくなる

えぇ？それが理由ならお前の勘違いってことじゃん
ラッパーなんかいらないし

<div class="dialog on">ダイアログ</div>

.dialog { display: none; }
.dialog.on { display: block; }

クラス名は階層にしなくても繋げられるんですよ？