Как скрыть все элементы кроме определенного?

Question

[Сашка Брамс]

Нужно скрыть все блоки кроме определнного ( для печати страницы media print )

делаю:

*{
display:none;
}
#print{
display: block !important;
}

Ничего не выходит, помогите пожалуйста. уже не могу никак разобраться.

Answer 1

[zooks]

Скрыть дочерние блоки body перечисляя через запятую, а не через общий селектор.

Comments

[Сашка Брамс]

то же самое.
body>div
media print display none....

#print
media print display block

Ничего не выодит, скрывает всю страницу, проблема в том что print тоже блок div, кастомным я его сделать не могу т.к нужна поддержка старых браузеров

[zooks]

Сашка Брамс: Вот так нужно делать: codepen.io/zooks/pen/xwjQge

[Сашка Брамс]

zooks: что-то у меня не получается, уже все перепробовал...

посмотрите пожалуйста если есть время нужно скрыть все кроме блока calc_write
codepen.io/anon/pen/EVLObJ

[zooks]

Сашка Брамс: у вас медиа-запрос вложен в селектор

[Сашка Брамс]

zooks: это stylus, он конвертирует нормально же

[zooks]

вот эту ересь body > * замените на .hide-content, а элементы которые нужно скрыть оберните в

[zooks]

оберните в div class="hide-content"

Answer 2

[nirvimel]

*:not(#print) {
    display:none;
}

Comments

[Сашка Брамс]

так же не срабатывает, вот пример
jsfiddle.net/ymrqo3gg/1

[nirvimel]

Потому что скрываются все элементы div (кроме #one), включая родителя #one.

[Сашка Брамс]

nirvimel :

Вставлял, кроме #one и родителя и все пробовал не получается, если у вас найдется пару минут свободного времени, посмотрите пожалуйста, а то я не могу никак разобраться

codepen.io/anon/pen/EVLObJ