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


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

Réponses:


192

essaye ça

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

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
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.