Bagaimanakah Saya Boleh Memilih Elemen HTML dengan Pelbagai Atribut Khusus dalam CSS?

Memperhalusi Pemilih CSS dengan Padanan Atribut Berbilang

Dalam CSS, pemilih atribut mendayakan pemilihan tepat elemen HTML berdasarkan atributnya. Apabila berurusan dengan berbilang atribut, pertanyaan berikut mungkin timbul:

S: Bagaimanakah cara saya memilih elemen HTML yang mempunyai kedua-dua nama dan nilai atribut tertentu? Sebagai contoh, saya ingin menyasarkan elemen input dengan "name=Sex" dan "value=M".

J: Untuk memadankan berbilang atribut dalam pemilih CSS, cuma tambahkan pemilih atribut dengan pasangan nama dan nilai yang mereka kehendaki. Dalam contoh anda, sintaks yang betul ialah:

input[name=Sex][value=M]

Pemilih ini akan memilih elemen input dengan atribut "name=Sex" dan "value=M". Elemen input lain dengan atribut yang berbeza, seperti "name=Sex" dan "value=F," tidak akan dipilih.

Standard W3C menghuraikan lebih lanjut mengenai pemilih atribut berbilang: "Pemilih atribut berbilang boleh digunakan untuk rujuk kepada beberapa atribut elemen, atau bahkan beberapa kali kepada atribut yang sama."

Sebagai contoh, pemilih ini menyasarkan elemen SPAN di mana atribut "hello" bersamaan "Cleveland" dan atribut "selamat tinggal" bersamaan dengan "Columbus":

span[hello="Cleveland"][goodbye="Columbus"]

Perhatikan bahawa tanda petikan diperlukan di sekitar nilai atribut jika ia bukan pengecam yang sah.

Ringkasnya, menggunakan berbilang pemilih atribut membolehkan anda memperhalusi pemilih CSS dengan tepat dengan memadankan elemen dengan gabungan atribut tertentu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen HTML dengan Pelbagai Atribut Khusus dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!