可以顯示「顯示：塊」否決「顯示：無」媒體打印CSS？

Question

下面是一個HTML元素：

<div id="cboxOverlay" style="display: block; opacity: 0.9; cursor: pointer;" class="price_match_no_print"></div> 

下面是一些CSS：

@media print { 
    .price_match_no_print { 
     display:none; 
    } 
} 

現在，當我打印的頁面，上面的HTML元素來對打印？

風格display: block推翻了display: none的@media print？

Answer 1

@media規則本身沒有任何特殊性，因爲您通過內聯樣式添加CSS規則，它們將始終覆蓋任何不使用規則的外部樣式。所以在這種情況下，您唯一的選擇是：

@media print { 
    .price_match_no_print { 
     display:none !important; 
    } 
}