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.