В :emptyселектора псевдо ще изберете елементи, които съдържат или нищо или само HTML коментар.
div:empty ( display: none; )Ще съвпадат
Няма да съвпадне
Полезно е за скриване на празни елементи, които могат да причинят странни разстояния (напр. Те имат подложка). Или нещо като премахване на границата от горния ляв елемент на клетката на таблицата в таблица за кръстосано препращане.
Обърнете внимание, че в Selectors Level 4 spec: empty е актуализиран, за да включва елемента all-whitespace. Голяма промяна! Ех! Не съм сигурен дали някой браузър всъщност все още го прави.
Поддръжка на браузър
Тези данни за поддръжка на браузъра са от Caniuse, който има повече подробности. Число показва, че браузърът поддържа функцията на тази версия и по-нова.
работен плот
| Chrome | Firefox | IE | Ръб, край | Сафари |
|---|---|---|---|---|
| 4 | 3.5 | 9 | 12 | 3.2 |
Мобилен / таблет
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |