CSS-Attributauswahl für nicht leere Attribute


90

Gibt es einen CSS-Selektor, der für nicht leere Attribute gilt? Mit :not([Data-Attribute=''])Übereinstimmungen , wenn das Attribut ist nicht-existent , auch.

Ich suche so etwas wie [Data-Attribute!=''].


Es wäre nicht ähnlich, [Data-Attribute!='']wenn Sie über den jQuery-Selektor sprechen, da der jQuery-Selektor äquivalent ist :not([Data-Attribute=''])und übereinstimmt, wenn das Attribut nicht angegeben wird.
BoltClock

Antworten:


190

Versuche dies

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

8
Ich habe hier eine bessere (oder andere) Lösung gesehen: stackoverflow.com/questions/16429220/…
Sven

5
@Sven Die einzige Lösung auf diesem Link, die diese Frage beantwortet (wählen Sie ein bestimmtes Datenattribut aus, das nicht leer ist), ist mit dieser Antwort identisch.
Rybo111

Ja, die hier bereitgestellte Lösung zielt auf das ab, was er benötigt. Die im obigen Link erforderliche Lösung erfordert ein Gegenstyling.
wird

Diese Lösung wirkt sich auf unerwartete Elemente aus (wenn sie mit attr übereinstimmen title).
Pavel Vlasov
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.