CSS-Attributauswahl für nicht leere Attribute

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

css css-selectors MR.ABC
quelle

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

Mögliches Duplikat von Select-Elementen, bei denen das Attribut nicht leer ist

Benutzer

Antworten:

190

Versuche dies

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

Sangram Parmar
quelle

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

Sven

@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