Selektor atrybutów CSS dla niepustych atrybutów

92

Czy istnieje selektor CSS, który ma zastosowanie do niepustych atrybutów? Używanie :not([Data-Attribute=''])dopasowań również wtedy, gdy atrybut nie istnieje .

Szukam czegoś takiego [Data-Attribute!=''].

css css-selectors MR.ABC
źródło
Nie byłoby to podobne do tego, [Data-Attribute!='']jeśli mówisz o selektorze jQuery, ponieważ selektor jQuery jest równoważny :not([Data-Attribute=''])i pasuje, jeśli atrybut nie jest określony.
BoltClock
Możliwy duplikat elementów Select, gdzie atrybut nie jest pusty
użytkownik

Odpowiedzi:

196

Spróbuj tego

<style>
    [Data-Attribute]:not([Data-Attribute=""])
    {
        background-color: Red;
    }
</style>
sangram parmar
źródło
8
Widziałem tutaj lepsze (lub inne) rozwiązanie: stackoverflow.com/questions/16429220/ ...
Sven
6
@Sven Jedyne rozwiązanie w tym linku, które odpowiada na to pytanie (wybierz określony atrybut danych, który nie jest pusty), jest identyczne z tą odpowiedzią.
rybo111
Tak, podane tutaj rozwiązanie jest ukierunkowane na to, czego potrzebuje, to w powyższym linku wymaga kontr-stylizacji.
będzie
To rozwiązanie wpływa na nieoczekiwane elementy (jeśli pasujące atr title).
Pavel Vlasov