Bagaimanakah Saya Boleh Menyasarkan Firefox Secara Eksklusif dengan CSS?

Menyasarkan Firefox Eksklusif dengan CSS

Komen bersyarat dalam CSS dengan mudah membenarkan penyasaran Internet Explorer dengan peraturan khusus penyemak imbas. Namun, bagaimana jika objektifnya adalah untuk menyasarkan Firefox secara eksklusif sambil membiarkan penyemak imbas lain tidak terjejas?

Pendekatan Bersih dan Berpusatkan Pelayar

Daripada menggunakan JavaScript atau menghidu penyemak imbas , penyelesaian yang lebih elegan terletak pada penggunaan sifat CSS "-moz-document" Mozilla. Sifat ini mendayakan peraturan CSS bersyarat yang digunakan hanya dalam penyemak imbas berasaskan Gecko seperti Firefox.

Sintaks dan Contoh

Sintaks untuk menyasarkan Firefox secara eksklusif ialah:

@-moz-document url-prefix() {
  /* Firefox-specific CSS rules here... */
}

Sebagai contoh, untuk membuat semua

tag merah dalam Firefox tetapi biarkan ia tidak terjejas dalam penyemak imbas lain:

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

Pendekatan ini memastikan bahawa peraturan hanya digunakan pada Firefox tanpa menjejaskan mana-mana penyemak imbas lain. Dengan menggunakan keupayaan penyemak imbas, kaedah ini menawarkan penyelesaian yang bersih dan khusus pelayar.

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!