인쇄 할 때 일반 스타일 시트가 인쇄 스타일 시트보다 우선하는 이유는 무엇입니까?

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

당신은 스크린 미디어에 대한 최초의 스타일 시트를 만들 수 있습니다, 또는 인쇄 매체 스타일 시트에서 해당 이미지의 표시 값을 다시 인라인으로 변경할 수 있습니다.