Bagaimanakah Saya Boleh Menggunakan Hacks CSS untuk Menyasarkan Versi Safari yang Berbeza Secara Khusus?

Penggodaman CSS Khusus Safari

Walaupun kod yang diberikan gagal membezakan Safari daripada Chrome, penggodaman CSS alternatif tersedia yang menyasarkan versi Safari secara eksklusif 6.1 dan lebih tinggi. Berikut ialah satu penggodaman sedemikian:

_::-webkit-full-page-media, _:future, :root .safari_only {
  color: #0000FF;
  background-color: #CCCCCC;
}

Perilaku Safari Khusus Versi

Untuk Safari versi 10.1 dan lebih tinggi, gunakan penggodaman ini:

/* Safari 10.1+ */
@media not all and (min-resolution: .001dpcm) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

Untuk Safari versi 6.1 hingga 10.0, gunakan ini godam:

/* Safari 6.1-10.0 (not 10.1) */
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

Untuk menggunakan penggodaman ini, tambahkan kelas bernama "safari_only" pada elemen yang anda mahu gayakan untuk Safari sahaja.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Hacks CSS untuk Menyasarkan Versi Safari yang Berbeza Secara Khusus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!