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.