css - 有没有什么办法可以禁用css元素与另一个css元素

Question

我有一个hidden-print类可以正常工作。我想知道，我如何使用它来隐藏css的某个ID也？例如这里。

<style> 
     #page-content 
    { 
     font-family: 'Source Sans Pro'; 
     font-size: 14px; 
     line-height: 1.428571429; 
     color: #4d4d4d; 
     background-color: #f7f8fa; 
     margin-left:230px 
    } 
</style> 

<div id="page-content"> 

... 
... 
</div> 

我如何使用hidden-print只是专门去除margin-left:230px？

Answer 1

根据您的更新添加样式演示。 @media print下的花括号之间的任何内容将调整打印的页面外观和布局，而不会影响屏幕外观。

<style> 
        #page-content 
      { 
        font-family: 'Source Sans Pro'; 
        font-size: 14px; 
        line-height: 1.428571429; 
        color: #4d4d4d; 
        background-color: #f7f8fa; 
        margin-left:230px 
      } 

    @media print 
    { 
      /* adjust margin */ 
      #page-content 
      { 
      margin-left: 0px 
      } 

      /* for items you don't want on printed page . . . */ 
      #page-footer 
      { 
      display: none; 
      } 

      /* any class item which should be altered for printing, such as dark backgrounds which don't always print well. */ 
      .some-element-class 
      { 
      background: White; 
      color: Black; 
      } 
    } 
    </style>