: gol - CSS-Tricks

Anonim

:emptySelectorul pseudo va selecta elemente care conțin fie nimic sau doar un comentariu HTML.

div:empty ( display: none; )

Se va potrivi

 

Nu se va potrivi

 

Este util pentru ascunderea elementelor goale care ar putea provoca spațierea ciudată (de exemplu, acestea au umplutură). Sau ceva de genul eliminării chenarului din elementul celulei tabelului din stânga sus într-un tabel cu referințe încrucișate.

Rețineți că în selectorul de nivel 4 spec: gol a fost actualizat pentru a include un element cu spații albe. Schimbare mare! Ura! Nu sunt sigur dacă vreun browser încă face asta.

Suport pentru browser

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.

Desktop

Crom Firefox IE Margine Safari
4 3.5 9 12 3.2

Mobil / Tabletă

Android Chrome Android Firefox Android Safari iOS
88 85 2.1 3.2