: tom - CSS-triks

Anonim

Den :emptypseudo selector vil velge elementer som inneholder enten ingenting eller bare en HTML kommentar.

div:empty ( display: none; )

Vil matche

 

Vil ikke matche

 

Det er nyttig for å skjule tomme elementer som kan forårsake rare avstander (for eksempel at de har polstring). Eller noe som å fjerne grensen fra det øverste venstre tabellcelleelementet i en kryssreferansetabell.

Vær oppmerksom på at i Selectors nivå 4 spesifikasjon: tom er oppdatert for å inkludere element i hele rommet. Stor forandring! Jippi! Ikke sikker på om noen nettlesere faktisk gjør det ennå.

Nettleserstøtte

Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.

Desktop

Chrome Firefox DVS Kant Safari
4 3.5 9 12 3.2

Mobil / nettbrett

Android Chrome Android Firefox Android iOS Safari
88 85 2.1 3.2