Bagaimana untuk Memohon Pemilih CSS Tersuai untuk Penyemak Imbas Berbeza (Mozilla, Chrome dan IE)?-tutorial css-php.cn

Bagaimana untuk Memohon Pemilih CSS Tersuai untuk Penyemak Imbas Berbeza (Mozilla, Chrome dan IE)?

Barbara Streisand

Lepaskan： 2024-11-22 20:08:40

asal

849 orang telah melayarinya

How to Apply Custom CSS Selectors for Different Browsers (Mozilla, Chrome, and IE)?

Pemilih CSS untuk Mozilla, Chrome dan IE

CSS Tersuai untuk Penyemak Imbas Tertentu

Untuk menggunakan peraturan CSS khusus untuk penyemak imbas individu, gunakan bersyarat ini pernyataan:

Untuk Mozilla: @-moz-document url-prefix()
Untuk Chrome: @media skrin dan (-webkit-min-device-pixel-ratio:0)
Untuk IE: @media all dan (-ms-high -kontras: tiada)

Sintaksis:

@browser-specific-selector {
  /* Styles for the specific browser */
}

Salin selepas log masuk

Kaedah Alternatif

1. Imbasan Ejen Pengguna:

Imbas rentetan ejen pengguna untuk mengesan penyemak imbas dan versinya. Kaedah ini juga boleh mengenal pasti sistem pengendalian.

2. Hacks CSS:

Gunakan hacks CSS yang menggunakan sifat atau sintaks khusus penyemak imbas untuk menyasarkan penyemak imbas tertentu. Godam ini boleh menjadi rapuh dan terdedah kepada pecah.

3. Skrip atau Pemalam:

Laksanakan skrip atau pemalam yang mengenal pasti penyemak imbas dan menggunakan kelas CSS yang sesuai pada elemen.

Pelaksanaan PHP

PHP menawarkan fungsi untuk pengesanan penyemak imbas, seperti get_browser(). Maklumat ini boleh digunakan untuk menjana fail CSS dinamik yang disesuaikan dengan penyemak imbas yang dikesan.

Rujukan Hacks CSS

Rujuk senarai berikut untuk penggodaman CSS yang menyasarkan penyemak imbas tertentu:

/* IE6 and below */
* html #uno  { color: red }

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

Salin selepas log masuk

Pemalam Pengesanan Penyemak Imbas

Pertimbangkan untuk menggunakan pemalam Pemilih Pelayar CSS untuk pengesanan penyemak imbas yang mudah dan permohonan kelas:

<html class="class-for-mozilla">
<!-- Other classes for different browsers -->
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Memohon Pemilih CSS Tersuai untuk Penyemak Imbas Berbeza (Mozilla, Chrome dan IE)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!