:blank

Experimental: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

CSS псевдо класс :blank находит элементы, у которых либо вообще нет дочерних узлов, либо только пустые текстовые узлы, либо только текстовые узлы, содержащие только пробельные символы.

<div> </div>

CSS

:root {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}

div {
  background-color: #ccc;
  box-sizing: border-box;
  height: 100vh;
  min-height: 16px;
  min-height: 1rem;
}

:-moz-only-whitespace {
  border-color: lime;
}

div {
  border: 4px solid red;
}

:blank {
  border-color: lime;
}

Результат

Спецификации

No specification found

No specification data found for css.selectors.-moz-only-whitespace.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Поддержка браузерами

BCD tables only load in the browser

Смотрите также

:empty

:blank

Syntax

Пример

HTML

CSS

Результат

Спецификации

No specification found

Поддержка браузерами

Смотрите также