CSS выберите все элементы, кроме элементов и дочерних элементов в определенном классе

Question

Я пытаюсь скрыть все элементы, кроме тех, что находятся в div «print». Я не уверен, что мой синтаксис является правильным:

@media print { 
      body *:not(#printable *) { display: none;  } 
} 

Answer 1

Так что вы хотите напечатать только печати правильно? Если это так, решение заключается в следующем:

@media print { 
    * 
    {  
    display: none !important; 
    } 

    .printable 
    { 
    display: block !important; 
    } 
} 

скрыть все элементы, но не элементы с классом печати