CSS Anzeige keine für li class Attribut

Question

Ich habe html: <li class="widget" data-id="blockid123test">

Wie ich nur diese Daten-ID zeigen kann? Weil ich viele davon habe. Ich habe versucht:

#sidebar li:not([data-id='blockid123test']) { 
    display: none; 
} 

Dieser Code funktioniert ok, aber es versteckt alle anderen li Klassen in meinem .widget Klasse. Wie behebe ich das? Dank

Answer 1

Try this:

#sidebar li.widget:not([data-id="blockid123test"]) { 
    display: none; 
} 

Answer 2

nur Elemente entsprechen, die diese Wähler entsprechen, sondern auch Mitglieder der widget Klasse ... um nur Klassenauswahl hinzufügen.

#sidebar li:not([data-id='blockid123test']).widget 

Answer 3

Sie haben Ihre Klasse in der CSS zugreifen zu tun, also fügen wir eine Klasse-Selektor:

#sidebar li:not([data-id='blockid123test']).widget { 
    display: none; 
} 

Answer 4

Sie Sie CSS als

li:not([data-id='blockid123test']) { 
    display: none; 
}