8 подписчиков
Признавайтесь, кто знал о существовании псевдо-класса CSS: `:empty`?
Для меня это было полнейшим открытием, и заметь, не первый день в этой сфере!
Ниже быстро обсудим основную мысль касаемо `псевдо-классов` в целом, а затем перейдем конкретно к `:empty`.
Побежали:
1) Основная суть псевдо-классов CSS
1.1) Любые псевдо-классы ВСЕГДА относятся к некоторому ЭЛЕМЕНТУ документа
1.1.1) p.s Если у нас HTML-документ => псевдо-класс относится к некоторому HTML элементу
2) Псевдо-класс `:empty`
2.1) Относится к тому элементу, у которого внутри себя ничего нет! (кроме комментариев и различных `processing instructions`)
2.1.1) Пример: <img>,<input>, <p></p> - Вот список элементов подходящих под селектор `:empty`
2.1.2) Заметь, если внутри элемента-родителя будет находится простой текст => элемент-родитель не соответствует селектору `:empty`
2.1.2.1) примечание: С точки зрения DOM, под `простым текстом` имеют ввиду `text node` (текстовый узел)
Около минуты
8 июня 2022