爲什麼正常樣式表在打印時優先於打印樣式表？

Question

我試圖通過構建一個好的打印樣式表來繞過對PDF組件的需求。

我有兩個CSS文件，site.css和print.css。它們通過加載以下：

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

site.css是通過添加

.printonly 
{ 
    display: none; 
} 

大，長而枯燥的CSS文件這適用於我已添加的唯一意圖的文檔中的元素我不想在頁面上打印。它只存在於site.css文件中。

當我通過<img class="printonly" src="image.png" id="logo" alt="logo"/>加載圖像時它在打印的紙張上不可見。

如果我放棄class="printonly"，那麼它會把圖片放在打印好的頁面上。

這讓我相信它即使在試圖打印時也會撿起site.css。

有沒有辦法解決這個問題，或者任何人都可以提出任何建議嗎？

---

完成的緣故，我已經包括了整個print.css，但是，我不知道它是真正需要的：

body { 
    width: 210mm; 
    height: 297mm; } 

#logo { 
    margin-left: 50%; 
    margin-right: 50%; } 

.noprint { 
    display: none; } 

Answer 1

您可以讓第一個樣式表只用於屏幕媒體，或者您可以將這些圖像的顯示值更改回到打印介質樣式表中的內聯。