: пусто - CSS-хитрости

Anonim

:blankПсевдо-класс опирается на :emptyпсевдо-классе. Например :empty, :blankвыберет элементы, которые вообще ничего не содержат или содержат только комментарий HTML. Но :blankтакже будут выбраны элементы, содержащие пробелы, чего :emptyне будет.

p:blank ( display: none; )

p:blankвыберет эти абзацы, как если p:emptyбы:

И он также выберет эти абзацы, которые p:emptyне будут:

На момент написания статьи :blankэто часть проекта CSS Selectors Level 4 и не поддерживается ни одним браузером. Mozilla поддерживает свою собственную версию :blankпод другим, поставщиком префиксом имени: :-moz-only-whitespace. Приведенная ниже демонстрация включает версию Mozilla и пока будет работать только в браузерах Mozilla.

См. Pen: blank и: -moz-only-whitespace от mariemosley (@mariemosley) на CodePen.

Связанный

  • :пустой

Дополнительная информация

  • : blank в Селекторах Уровня 4 Черновика
  • : -moz-only-whitespace в MDN

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

Хром Сафари Fire Fox Опера IE Android iOS
Неа Неа Как: -moz-only-whitespace Неа Неа Неа Неа