: prázdny - Triky CSS

Anonim

:emptyVolič pseudo vyberie prvky, ktoré obsahujú buď nič, alebo len HTML komentár.

div:empty ( display: none; )

Bude sa zhodovať

 

Nebude sa zhodovať

 

Je to užitočné na skrytie prázdnych prvkov, ktoré by mohli spôsobiť zvláštne medzery (napr. Majú výplň). Alebo niečo ako odstránenie orámovania z prvku bunky tabuľky vľavo hore v tabuľke krížových odkazov.

Upozorňujeme, že v špecifikácii úrovne selektorov 4: prázdna bola aktualizovaná tak, aby obsahovala prvok všetkých medzier. Veľká zmena! Jéj! Nie ste si istí, či to nejaký prehliadač v skutočnosti zatiaľ robí.

Podpora prehliadača

Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.

Desktop

Chrome Firefox IE Hrana Safari
4 3.5 9 12 3.2

Mobil / tablet

Android Chrome Android Firefox Android iOS Safari
88 85 2.1 3.2