外部print.css文件 – 如何使元素仅在打印时可见,在屏幕上不可见？

/* Remove unwanted elements */

hiddenedit, #hiddenbuttons, #header, #nav, .propertyselector, li.hiddentab, ul.hiddentab { display: none; }

/* Ensure the content spans the full width */

container, #container2, #content { width: 100%; margin: 0; float: none; }

/* Change text colour to black (useful for light text on a dark
background) */
.lighttext { color: #000 }

/* Improve colour contrast of links #781351 */
a:link, a:visited {
color: #000 }

我理解这是如何使display：none对于我不想在页面上打印的项目.我的问题是：我该怎么做呢？如果页面上有元素我只想在页面打印时可见,在查看页面时不可见,我该怎么办？

有任何想法吗？谢谢.

.onlyprint {display: none;}
@media print {
  .onlyprint {display: block;}
}

进入你的CSS规则.