Bagaimanakah Saya Boleh Menggayakan Elemen dengan Atribut Sebarang Nilai dalam CSS?

Menyasarkan Elemen dengan Atribut Sebarang Nilai dalam CSS

CSS menawarkan keupayaan untuk menyasarkan elemen dengan atribut khusus, seperti input[type=text]. Walau bagaimanapun, bolehkah kita memanjangkan ini kepada elemen dengan atribut apa-apa nilai?

Cabaran

Anda mahu menggayakan elemen yang mempunyai atribut dengan sebarang nilai (tidak termasuk elemen tanpa atribut). Contohnya, anda mungkin berhasrat untuk menyerlahkan teg sauh dengan atribut rel yang ditentukan.

Penyelesaian

Untuk mencapainya, gunakan sintaks berikut:

a[rel]
{
    color: red;
}

Peraturan ini akan memadankan mana-mana teg sauh () yang mempunyai atribut rel, menambah yang ditentukan penggayaan.

Mengendalikan Nilai Kosong

Walau bagaimanapun, peraturan di atas juga akan memadankan elemen dengan atribut rel kosong. Untuk mengecualikan ini, masukkan :not pseudo-class:

a[rel]:not([rel=""])
{
    color: red;
}

Ini akan menggayakan teg sauh dengan atribut rel bukan kosong, menangani isu yang ditunjukkan oleh vsync.

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