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>