4

以下は 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

4

1 に答える 1

12

@mediaルール自体には特異性がなく、インライン スタイルを介して CSS ルールを追加しているため、ルールを使用していない外部スタイルは常にオーバーライドされます!important。したがって、この場合、唯一のオプションは次のとおりです。

@media print {
    .price_match_no_print {
        display:none !important;
    }
}
于 2013-06-03T14:32:30.610 に答える