Adakah css3 mempunyai pernyataan penghakiman?

Terdapat pernyataan penghakiman dalam css3 Pernyataan penghakiman ialah "@supports (keadaan berjalan) {the css statement you want to implement}"; yang digunakan terutamanya untuk lulus syarat Tentukan sama ada penyemak imbas semasa menyokong atribut CSS tertentu dan memuatkan gaya tertentu, iaitu pengesanan ciri CSS.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Adakah css3 mempunyai pernyataan penghakiman?

Terdapat pernyataan penghakiman dalam css3.

@supports ialah salah satu peraturan CSS3 yang baru diperkenalkan Ia digunakan terutamanya untuk mengesan sama ada penyemak imbas semasa menyokong sifat CSS tertentu dan memuatkan gaya khusus, iaitu pengesanan ciri CSS.

Pengesanan ciri CSS adalah untuk menentukan sama ada penyemak imbas semasa menyokong ciri tertentu melalui syarat untuk terminal penyemak imbas yang berbeza. Menggunakan pengesanan ciri CSS, kami boleh menggunakan teknologi baharu dalam persekitaran penyemak imbas yang menyokong ciri semasa dan membuat mekanisme sandaran tertentu jika ia tidak disokong.

Sekarang mari kita lihat cara css3@supports digunakan dan perkenalkan cara @supports mengesan ciri css.

Penggunaan css3@supports

CSS@supports boleh melaksanakan pengesanan ciri melalui sintaks CSS dan menulis pernyataan pertimbangan bersyarat dalam blok CSS dalaman: jika ciri Pernyataan CSS anda ingin laksanakan jika ujian ciri lulus, dan pernyataan CSS yang anda ingin laksanakan jika ujian ciri gagal.

Sintaks asas:

　　//如果通过了条件
 
　　@supports(运行条件){
 
　　/*应用规则---想要实现的css语句*/
 
　　}
 
　　//如果没有通过条件
 
　　@supportsnot(运行的条件){
 
　　/*应用规则---想要实现的css语句*/
 
　　}

Mari kita lihat contoh mudah:

@supports (display:flex) {
  section { display: flex }
  ...
}

Kod di atas bermaksud: Jika penyemak imbas menyokong atribut "display: flex", kemudian gunakan gaya "display:flex" pada elemen "section".

@supports juga boleh digabungkan dengan operator logik yang berbeza dan mempunyai peraturan sintaks yang berbeza Seterusnya, mari kita perhalusi peraturan sintaks dan butiran penggunaan @supports.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Adakah css3 mempunyai pernyataan penghakiman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!