Apakah Tujuan Bendera \'i\' dalam Pemilih Atribut CSS?

Apakah yang "i" Lakukan dalam Pemilih Atribut CSS?

Dalam CSS, anda mungkin menemui pemilih atribut dengan tambahan "i", seperti yang berikut contoh daripada helaian gaya ejen pengguna Google Chrome:

[type="checkbox" i]

"i" ini menandakan padanan atribut tidak sensitif huruf besar-besaran, satu inovasi yang diperkenalkan dalam Pemilih CSS Tahap 4.

Keserasian Penyemak Imbas

Walaupun ciri ini kini disokong dalam pelayar popular seperti Chrome (49 ), Firefox (47 ), Safari (9) dan Opera (37 ), ia pada mulanya hanya tersedia dalam gaya ejen pengguna Chrome di sekitar Chrome 39. Pembangun web boleh mendayakannya untuk kandungan web dengan mengkonfigurasi ciri percubaan bendera.

Contoh

Berikut ialah demonstrasi pantas untuk menguji sokongan penyemak imbas:

<!-- Color will be green on supported browsers, red on unsupported -->

<div data-test="A"></div>

[data-test] {
    width: 100px;
    height: 100px;
    margin: 4px;
}

[data-test="A"] {
    background: red;
}

[data-test="a" i] {
    background: green;
}

Atas ialah kandungan terperinci Apakah Tujuan Bendera \'i\' dalam Pemilih Atribut CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!