Pemilih atribut CSS untuk atribut yang tidak kosong


92

Apakah ada pemilih CSS yang berlaku untuk atribut yang tidak kosong ? Menggunakan :not([Data-Attribute=''])kecocokan jika atribut juga tidak ada .

Saya mencari sesuatu seperti [Data-Attribute!=''].


Ini tidak akan serupa dengan [Data-Attribute!='']jika Anda berbicara tentang pemilih jQuery, karena selektor jQuery setara dengan :not([Data-Attribute=''])dan cocok jika atribut tidak ditentukan.
— BoltClock

Jawaban:


196

coba ini

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>

8
Saya telah melihat solusi yang lebih baik (atau berbeda) di sini: stackoverflow.com/questions/16429220/…
— Sven

6
@Sven Satu-satunya solusi pada tautan itu yang menjawab pertanyaan ini (pilih atribut data tertentu yang tidak kosong) identik dengan jawaban ini.
— rybo111

Yup, solusi yang diberikan di sini menargetkan apa yang dia butuhkan, yang di tautan di atas membutuhkan gaya balik.
— akan

Solusi ini mempengaruhi elemen tak terduga (jika cocok dengan attr title).
— Pavel Vlasov
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.