: порожній - CSS-хитрощі

Anonim

:emptyСелектор псевдо буде вибрати елементи , які не містять ні нічого або тільки HTML - коментар.

div:empty ( display: none; )

Буде відповідати

 

Не збігатиметься

 

Це корисно для приховування порожніх елементів, які можуть спричинити дивні інтервали (наприклад, вони мають відступи). Або щось на зразок видалення межі з верхнього лівого елемента комірки таблиці в таблиці перехресних посилань.

Зверніть увагу, що в селекторах рівня 4 специфікація: empty оновлена ​​для включення елемента "весь пробіл". Великі зміни! Ага! Не впевнений, чи справді це робить якийсь браузер.

Підтримка браузера

Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.

Робочий стіл

Chrome Firefox IE Край Сафарі
4 3.5 9 12 3.2

Мобільний / планшетний

Android Chrome Android Firefox Android iOS Safari
88 85 2.1 3.2