Bagaimanakah Saya Boleh Menyasarkan Firefox Secara Eksklusif dengan CSS?

Menyasarkan Firefox Sendiri dengan CSS

Keupayaan ulasan bersyarat untuk menyasarkan Internet Explorer dengan peraturan CSS khusus penyemak imbas terkenal. Walau bagaimanapun, apabila isu itu berpunca daripada enjin Gecko yang digunakan oleh Firefox, pendekatan berbeza diperlukan. Bagaimanakah peraturan CSS boleh digunakan secara eksklusif pada Firefox tanpa menjejaskan pelayar lain?

Penyelesaian Berasaskan Keupayaan Penyemak Imbas

Penghidu penyemak imbas JavaScript tidak dianggap sebagai penyelesaian yang bersih untuk tujuan ini. Sebaliknya, kaedah yang memanfaatkan keupayaan penyemak imbas lebih diutamakan.

Menggunakan @-moz-document

Peraturan @-moz-document boleh digunakan untuk menyasarkan Firefox secara khusus. Ia berfungsi dengan menggunakan peraturan CSS pada dokumen yang mempunyai fungsi 'url-prefix()' bermula dengan '-moz-'. Firefox ialah satu-satunya penyemak imbas yang menyokong fungsi ini pada masa ini.

Contoh Penggunaan

Contoh berikut menunjukkan cara menggunakan @-moz-document untuk menukar warna h1 elemen kepada merah sahaja dalam Firefox:

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

<h1>This should be red in FF</h1>

Dalam penyemak imbas lain, elemen h1 akan kekal tidak berubah, kerana mereka tidak mengenali peraturan @-moz-document.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyasarkan Firefox Secara Eksklusif dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!