2017-01-24 13 views
0

"print" div内の要素を除くすべての要素を非表示にしようとしています。私は私の構文が正しいかはわからない:CSSは、特定のクラスの要素と子要素を除くすべての要素を選択します。

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

'#printable'は** ID **' printable'を意味します。クラス名の場合は '.printable'を使います。 – GolezTrol

+0

カンマが足りない可能性がありますか? @media print { body *:not(#printable、*){display:none; } } – jmag

+1

私は '#printable'をbodyタグの直接の子ですか?なぜなら、あなたはそれをもっと簡単にして、他のものを '#screen' divに入れてラップして、そのメディアクエリーに#screenと#printableを隠すだけです。 – andi

答えて

0

だからあなただけ印刷可能権利を印刷したいですか?これがそうソリューションが、この場合には:

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

    .printable 
    { 
    display: block !important; 
    } 
} 

あなたは、印刷可能なクラスを持つすべての要素ではなく、要素を非表示

+0

これは、印刷可能なすべての子要素の表示スタイルをオーバーライドします。 –

関連する問題