Explore: `:empty` pseudo class

azinit / learn-frontend

Study examples during learning and exploring last frontend tools, libs, solutions.

2 stars 0 forks source link

Explore: `:empty` pseudo class #265

Closed azinit closed 4 years ago

azinit commented 4 years ago

Читать (https://drbrain.ru/articles/css-empty/)

Довольно часто возникает ситуация, когда для блока, содержащего дочерние элементы или текст, нужно определить одни стили, а в случае их отсутствия - другие. Сделать это довольно легко, если знать о существовании псевдокласса :empty.

azinit commented 4 years ago

Псевдокласс :empty относится к элементам, не содержащим потомков. Потомками являются как дочерние элементы, так и текст (включая пробелы). Комментарии и CSS-свойство content не делают элемент непустым.

azinit commented 4 years ago