Как показать только один блог при печати?

Question

[Максим]

Всем привет! Использую на странице для печати следующий метод:

@media print {
    :not(.print) {
        display: none
    }
}

Однако он у меня почему то не работает.. Что может быть? Убирая его все работает...

Comments

[Сергей Герасимов]

Попробуйте так:

@media print {
    *:not(.print) {
        display: none !important;
    }
}

[Максим]

Сергей Герасимов, так же не работает. И так тоже:

@media print{
    * { display: none; }
    .invoice { visibility: visible; }
}

[Сергей Герасимов]

Максим Ворожцов, значит у вас скрывается блок, в который вложен ваш print, или в блоке print нет других print - соответственно и скрывает всё внутри.

[Максим]

Сергей Герасимов, сделал так

@media print {
  * {
    visibility: hidden !important;
  }

  .print, .print * {
    visibility: visible !important;
  }

  .print {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
}

Answer 1

[Максим]

Такой способ работает!

@media print {
  * {
    visibility: hidden !important;
  }

  .print, .print * {
    visibility: visible !important;
  }

  .print {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
}

Answer 2

[Andrej Sharapov]

присвойте всем блокам айди и в принт пропишите дисплей:ноне для не нужных. :not(.print) тут не нужно.

Comments

[Максим]

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

[Andrej Sharapov]

Максим Ворожцов, можно поместить их в контейнер с айди и закрывать его, вместе с содержимым, если надо.

[Максим]

Andrej Sharapov, если совсем не получится буду делать так, а почему этот метод отказывается работать? Его везде указывают в странице для печати...