Поясните пожалуйста, за что отвечает каждое свойство?
я понимаю что display: table; это превращает в табличный элемент, но конкретно этому заданию, зачем это тут?
clear:both - запрещает обтекать, но тоже, касаемо этого примера. Правильно ли я понимаю, что клиар бот задает как бы пол блока, чтобы по нему все выравнивалось?
а про контент вроде не было вообще упоминания в курсе. Разжуйте, пожалуйста.
псевдоэлементы (::after) будут разбираться чуть позже.
content - это содержимое пседоэлемента. нет содержимого - нет псевдоэлемента, поэтому обязательно надо задать хоть что-то, достаточно - вот такую “пустоту” между двумя двойными кавычками - на странице такое содержимое отображаться не будет, а псевдоэлемент будет существовать и выполнять свою функцию - в данном случае функцию распорки.
ну а свойство display: table; если я правильно поняла, выбрано в данном случае потому, что для табличных элементов (в отличие от блочных) ширина элемента по умолчанию зависит от содержимого. У нас содержимое -нулевое и ширина получится тоже нулевой - соответственно, псевдоэлемент никак не проявит себя на странице (не повлияет на ширину других элементов)
