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.

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