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

Pemadanan Atribut Tidak Peka Huruf dengan "i" dalam Pemilih Atribut CSS

Dalam konteks pemilih atribut CSS, persoalan timbul mengenai kepentingan huruf "i" dalam kod coretan:

[type="checkbox" i]

Jawapan:

"i" yang dilampirkan pada "kotak pilihan" nilai atribut menunjukkan padanan atribut tidak sensitif huruf besar-besaran. Ia adalah ciri yang diperkenalkan dalam Pemilih CSS Tahap 4 yang membolehkan padanan atribut elemen yang lebih fleksibel dan inklusif.

Sokongan Penyemak Imbas:

Ciri ini disokong pada masa ini dalam:

• Chrome 49
• Firefox 47
• Safari 9
• Opera 37 (dan kemungkinan versi lebih awal)

Demonstrasi:

Berikut ialah contoh kod untuk menggambarkan kerja padanan atribut tidak peka huruf besar-kecil:

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

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

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

Green if supported, red if not:


Jika penyemak imbas anda menyokong padanan atribut tidak sensitif huruf besar-besaran, elemen sampel akan mempunyai latar belakang hijau. Jika tidak, ia akan mempunyai latar belakang 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!