toTake

Полезный checklist для FrontEnd разработчиков - https://frontendchecklist.io Весьма полезный ресурс, позволяет ничего не упустить и в придачу соблюсти best practices !

Признавайтесь, кто знал о существовании псевдо-класса 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` (текстовый узел)