Bagaimanakah saya boleh menyasarkan Safari secara khusus dengan CSS?

Mengasingkan Gaya ke Safari

Walaupun mengasingkan CSS ke Safari mungkin kelihatan mungkin, kebanyakan kaedah juga digunakan pada Chrome kerana asas WebKit dikongsi mereka.

Safari yang Berkesan dan Khusus Peretasan

Untuk menyasarkan Safari secara eksklusif, pertimbangkan penggodaman CSS ini:

Safari 7.1 :

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

Safari 10.1 :

/* Double media query is crucial */
@media not all and (min-resolution: .001dpcm) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

Safari 6.1-10.0:

@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  @media {
    .safari_only {
      color: #0000FF;
      background-color: #CCCCCC;
    }
  }
}

Penggunaan:

Gunakan peraturan CSS ini pada kelas bernama "safari_only" untuk menyasarkan penyemak imbas Safari sahaja. Contohnya:

<div>

Atas ialah kandungan terperinci Bagaimanakah saya boleh menyasarkan Safari secara khusus dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!