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!=''].

css css-selectors MR.ABC
sumber
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
Kemungkinan duplikat dari elemen Pilih dengan atribut tidak kosong
pengguna

Jawaban:

196

coba ini

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>
sangram parmar
sumber
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