jquery - ページの特定のセクションを印刷する

Question

ページの 1 つのセクションだけを印刷できる結果を見つけるために、かなりの量を検索しました。

誰もがこれを行うように言っています：

HTML ヘッドに追加:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

body * { display: none; }
.printable { display: block; }

window.print();

しかし、これを機能させることはできません。印刷ウィンドウをロードしますが、実際には何も表示しません。

これは、右側に印刷リンクがある私のページです。

敬具、シャノン

score 0 · Accepted Answer

セレクターbody *はより具体的で.printableあるため、オーバーライドしています。print.css代わりに、ファイルで次のようなものを使用してください。

* {
    display: none;
}
body .printable {
    display: block;
}