CTRL + P和單擊按鈕上的不同打印樣式

Question

我有一個完全樣式的網頁，並且使用Print.css樣式表和media =「print」實現了CTRL + P打印。沒有我在頁面上有另一個打印按鈕的要求，但是這個打印按鈕應該用不同的打印樣式表打印頁面print2.css。

我的網站是一個旅遊預訂網站。所以當這個實現時，我將有兩個打印選項。

1. 使用print.css的Ctrl + P打印。遊客可以保存一份包裝細節的副本，這將是一個非常詳細的，可能達到3-4頁。

2. 使用print2.css的打印按鈕。這將是短而脆的一個，這將只有1頁。

Answer 1

不需要加載新的樣式表來完成此操作。您可以在body上添加修改器class，當用戶按下按鈕時，並在選擇器中使用此類來執行print2.css的額外樣式。然後，顯示打印對話框，並刪除課程。