Скрытие всех подэлементов, кроме данного элемента и его подэлементов

Question

Следующее значение less / css должно сделать все дочерние элементы элемента .main скрытыми, если они не являются частью элемента .designer-tag. Однако при тестировании он не скрывает никаких элементов.

Можете ли вы дать совет, почему он не работает и как его решить? Есть ли лучший способ для достижения моей цели выше?

.main.highlighted {
    *:not(.designer-tag):not(.designer-tag *) {
        visibility: hidden;
        opacity: 0;
    }
}