! Penting sebenarnya berguna (dalam helaian gaya cetak)

Pernyataan penting lama yang miskin menerima banyak flak dalam komuniti CSS, dan dengan alasan yang baik. Ia tidak perlu, mewujudkan mimpi buruk penyelenggaraan, dan membuat penghinaan berongga lata. Saya tidak memikirkan penggunaan! Penting dalam tahun -tahun, sehingga saya dapati satu penggunaan yang sangat baik untuknya: Lembaran Gaya Cetak.

Mari kita berpura -pura bahawa kita mahu membuat galeri imej. Melakukan yang terbaik untuk menghormati cita -cita peningkatan progresif, kami mula -mula memastikan bahawa imej -imej itu terkandung dalam senarai HTML. Akhirnya kami mahu menggunakan JavaScript untuk membuat kesan tayangan slaid pudar/pudar, tetapi pangkalan kami adalah satu lajur imej. Sekiranya pelawat mempunyai JavaScript yang dilumpuhkan, itulah yang akan mereka lihat.

Baiklah, setakat ini begitu baik. Apabila kami datang untuk membuat lembaran gaya cetak, bagaimanapun, kami akan menemui kecacatan dalam rancangan kami: apabila anda menggunakan JavaScript untuk menghidupkan unsur -unsur HTML, anda tidak dapat dielakkan mengubah suai atribut gaya unsur -unsur. Dalam pertunjukan slaid kami, JavaScript telah mengubah kedudukan dan kelegapan imej, jadi hanya satu yang diturunkan pada satu masa. Apabila kita pergi untuk mencetak halaman galeri, walaupun kita mahu satu lajur imej, apa yang kita cetak hanyalah satu imej tunggal. Itu kerana anda tidak dapat menentukan jenis media sasaran untuk CSS yang diisytiharkan dalam atribut gaya elemen; Anda tidak boleh mengatakan bahawa semua gaya yang diisytiharkan dalam atribut gaya adalah untuk skrin sahaja.

Jadi apa yang anda perlukan adalah cara untuk menentukan gaya cetak yang dapat mengatasi gaya inline. Hanya ada satu cara untuk melakukannya:! Penting. Dalam lembaran gaya cetak anda, tetapkan semula kedudukan dan kelegapan elemen imej, dan tambah! Penting:

img.gallery {
  position: static !important;
  opacity: 1 !important;
}

itu benar -benar; Saya dapati penggunaan yang sah untuk! Penting dan ingin berkongsi.

Atas ialah kandungan terperinci ! Penting sebenarnya berguna (dalam helaian gaya cetak). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!