打印样式表似乎不起作用

Question

我编码的打印样式表似乎不起作用。我在我使用过的所有浏览器中测试过它并且它没有按预期运行。据推测，代码将只显示所显示表格的打印视图。导航栏，页眉，页脚，按钮以及其他所有内容都不应显示。

这是我制作的打印样式表：

 @media print{

   header nav, footer{
    display:none;
   }

   .clearfix, #sidebar, .columns btn-group{
    display:none;
   }

   @page{
    margin: 0.5cm;
   }

   body {
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
   }

 }

但是当我打印页面时，它仍会显示不需要的元素，如图所示： 1st image

虽然只打算在页面的这一部分打印表格： tables

Answer 1

@media print{

   header nav, footer{
    display:none !important;
   }

   .clearfix, #sidebar, .columns btn-group{
    display:none !important;
   }

   @page{
    margin: 0.5cm !important;
   }

   body {
    font: 12pt Georgia, "Times New Roman", Times, serif !important;
    line-height: 1.3 !important;
   }

 }

然后在您不希望出现的HTML中添加 class =＆＃39; noprint＆＃39; （或将no-print类添加到现有的类语句中）印刷版，例如你的按钮。我让这个与'​​#PrintPrint＆＃39;而不是＆＃39; noprint＆＃39; （小写）。