: tühi - CSS-trikid

Anonim

:emptyPseudo valija valige elemendid, mis sisaldavad kas midagi või ainult HTML kommentaari.

div:empty ( display: none; )

Sobib

 

Ei sobi

 

See on kasulik tühjade elementide peitmiseks, mis võivad põhjustada imelikke vahesid (nt neil on polster). Või midagi sellist, nagu ristviidetabeli piiri eemaldamine ülevalt vasakult tabeli lahtrielemendilt.

Pange tähele, et jaotises Selektorid on 4. taseme spetsifikatsioon: tühi värskendatud, et see sisaldaks kogu tühimiku elementi. Suur muutus! Jah! Pole kindel, kas mõni brauser seda tegelikult veel teeb.

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome Firefox IE Edge Safari
4 3.5 9 12 3.2

Mobiil / tahvelarvuti

Android Chrome Android Firefox Android iOS-i Safari
88 85 2.1 3.2