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.