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


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

Odpowiedzi:


196

Spróbuj tego

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

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
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.