Kann style "display: block" überstimmen "display: none" Medien print-CSS?

Hier ist ein HTML-element:

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

Hier einige CSS:

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

Wenn ich nun drucken Sie die Seite aus, die oben genannten HTML-element kommt auf den Druck?

Ist der Stil display: block hebt das display: none von @media print?

InformationsquelleAutor Debiprasad | 2013-06-03
  1. 12

    @media Regeln selbst haben keine Spezifität und weil Sie das hinzufügen von CSS-Regeln per inline-styles, Sie haben immer Vorrang vor allen externen styles, die nicht mit einem !wichtig Regel. Also in diesem Fall, ist Ihre einzige option ist:

    @media print {
    .price_match_no_print {
        display:none !important;
    }
}
    • Sieht aus wie Sie bekam Ihre Antwort, während ich getippt mir! Nur zur Klarstellung für die Frage der Eigentümer: diese ist die richtige Antwort. Der Vorschlag von Ernie, dass es nicht möglich ist, der Irrt. !wichtig überschreibt alle anderen Stile, die an einem element, ob aus dem stylesheet oder inline angewendet.
    InformationsquelleAutor adrift
Schreibe einen Kommentar