Selettore di attributi CSS per attributi non vuoti


90

Esiste un selettore CSS che si applica agli attributi non vuoti ? Usare le :not([Data-Attribute=''])corrispondenze anche se l'attributo è inesistente .

Sto cercando qualcosa di simile [Data-Attribute!=''].


Non sarebbe simile a [Data-Attribute!='']se stai parlando del selettore jQuery, perché il selettore jQuery è equivalente :not([Data-Attribute=''])e corrisponde se l'attributo non è specificato.
BoltClock

Risposte:


191

prova questo

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

8
Ho visto una soluzione migliore (o diversa) qui: stackoverflow.com/questions/16429220/…
Sven

6
@Sven L'unica soluzione su quel collegamento che risponde a questa domanda (selezionare un attributo di dati specifico che non sia vuoto) è identica a questa risposta.
rybo111

Sì, la soluzione fornita qui si rivolge a ciò di cui ha bisogno, quella nel link sopra richiede uno stile contrario.
sarà

Questa soluzione influisce sugli elementi imprevisti (se corrispondono ad attr title).
Pavel Vlasov
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.