Bagaimanakah Bendera \'i\' Mendayakan Pemadanan Atribut Tidak Peka Huruf dalam CSS?

Memahami Maksud "i" dalam Pemilih Atribut CSS

Dalam pembangunan web moden, pemilih atribut CSS memainkan peranan penting dalam elemen penggayaan berdasarkan sifat-sifat mereka. Satu atribut sedemikian ialah "i", yang mungkin menimbulkan persoalan tentang kepentingannya.

Mentafsir Pemilih CSS [type="checkbox" i]

Coretan yang anda miliki dengan syarat, [type="checkbox" i], mencontohkan ciri yang baru diperkenalkan dalam Pemilih CSS Tahap 4: padanan atribut tidak peka huruf besar-besaran. Ciri ini membolehkan atribut padanan tanpa mengira perbezaan huruf besar.

Ketersediaan dan Sokongan

Pada masa ini, ciri ini mendapat sokongan meluas merentas versi penyemak imbas utama:

• Chrome 49
• Firefox 47
• Safari 9
• Opera 37

Walau bagaimanapun, ia telah tersedia dalam gaya ejen pengguna Chrome sejak versi 39 tetapi memerlukan ciri percubaan untuk digunakan pada kandungan web .

Contoh untuk Penyemak Imbas Menguji

Untuk menguji sokongan ciri ini dalam penyemak imbas yang berbeza, anda boleh menggunakan coretan HTML/CSS berikut:

<br>[data-test] {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">width: 100px;
height: 100px;
margin: 4px;

Salin selepas log masuk

}

[data-test="A"] {

background: red;

}

[data-test="a" i] {

background: green;

}

Dalam pelayar yang disokong, elemen div akan berwarna hijau, menunjukkan padanan tidak sensitif huruf besar yang berjaya. Jika tidak, ia akan menjadi merah.

Atas ialah kandungan terperinci Bagaimanakah Bendera \'i\' Mendayakan Pemadanan Atribut Tidak Peka Huruf dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!