Bagaimana untuk Memilih Elemen dengan Pelbagai Atribut dalam CSS?

Cara Menentukan Berbilang Pemilih Atribut dalam CSS

Dalam CSS, adalah mungkin untuk memilih elemen berdasarkan berbilang atribut. Ini berguna apabila anda ingin menyasarkan elemen tertentu dengan gabungan kriteria.

Sintaks:

Untuk memilih elemen yang sepadan dengan berbilang nilai atribut, gunakan sintaks berikut :

[attribute1=value1] [attribute2=value2]

Sebagai contoh, untuk memilih elemen input dengan nama atribut="Sex" dan nilai atribut="M", anda akan menggunakan yang berikut pemilih:

input[name=Sex][value=M]

Contoh:

Pertimbangkan penanda HTML berikut:

<input type="radio" name="Sex" value="M" />
<input type="radio" name="Sex" value="F" />

Elemen input pertama akan dipilih oleh input Pemilih [name=Sex][value=M] kerana ia mempunyai kedua-dua atribut name="Sex" dan value="M". Elemen input kedua tidak akan dipilih kerana ia mempunyai atribut value="F" dan bukannya value="M".

Nota:

Menggunakan tanda petikan di sekeliling nilai atribut diperlukan hanya jika nilai itu bukan sah pengecam.

Rujukan:

Sintaks ini diterangkan dengan baik dalam dokumentasi standard CSS:

Multiple attribute selectors can be used to refer to several
attributes of an element, or even several times to the same attribute.

...

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

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