Sélecteur d'attributs CSS pour les attributs non vides

91

Existe-t-il un sélecteur CSS qui s'applique aux attributs non vides ? Utilisation de :not([Data-Attribute=''])correspondances si l'attribut est inexistant , aussi.

Je cherche quelque chose comme [Data-Attribute!=''].

M. ABC
la source
Ce ne serait pas similaire à [Data-Attribute!='']si vous parlez du sélecteur jQuery, car le sélecteur jQuery est équivalent à :not([Data-Attribute=''])et correspond si l'attribut n'est pas spécifié.
BoltClock
Possible duplication des éléments Select où l'attribut n'est pas vide
utilisateur

Réponses:

192

essaye ça

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>
sangram parmar
la source
8
J'ai vu une meilleure solution (ou différente) ici: stackoverflow.com/questions/16429220/…
Sven
6
@Sven La seule solution sur ce lien qui répond à cette question (sélectionnez un attribut de données spécifique qui n'est pas vide) est identique à cette réponse.
rybo111
Oui, la solution fournie ici cible ce dont il a besoin, celle du lien ci-dessus nécessite un contre-style.
sera
Cette solution affecte les éléments inattendus (s'il correspond à attr title).
Pavel Vlasov