У меня проблем с ними нет, потому что я ими пользуюсь по назначению, а не для установки основного фона страницы.
Нюансов у псевдоэлементов там не меньше перечислено.
Я вам большой секрет открою: такие вещи как иконки зачастую делаются именно вставкой SVG, либо буквально тегом SVG, либо спаном с бэкграундом, представляете
Я всё ещё не понимаю при чём тут добавление ОДНОГО дива в конкретном кейсе.
Пф... О сколько вам, открытий чудных.
То что за много лет в стандарте так и не предложили нормальный путь стилизации инпутов кроме разных извращений с разными псевдо-элементами, которые приходится по разному указывать для разных браузеров это крайне показательно демонстрирует ущербность подхода стилизации через псевдо-элементы
Ну понятно что ещё от z-index родителя зависит.
При чём тут экономия вообще? В современных сайтах десятки тысяч узлов, на это вообще плевать полностью.
Во-первых у списков есть list-style-imageЕсть, конечно. Ещё бы к нему можно было что-то ещё хорошее применить.
. Да, в целом семантическая вёрстка это здорово, но учитывая что в коде всё равно неизбежно торчит куча IMG или SVG этот аргумент смысл теряет.
Ладно, я понял. Продолжайте верстать как вам нравится. У меня нет вопросов к вам.
И что-то пока я ни единого внятного аргумента почему простой и очевидный способ с дивом плох я не вижу
может найду решения
<div>
<header/>
<section class="intro"/>
</div>
div {
background: url() left -20px repeat-y;
}
Имел ввиду, разумеется, position: absolute, исправил в ответе.
Нет там ничего сомнительного, это просто номер слоя, в чём тут можно запутаться?
В чём минус отдельного дива не понимаю до сих пор.
Псевдо для стилизации применять — это всегда кривые-косые костыли, которые везде по разному выглядят.
а в чем проблема прилипшего фона?
Что не так с z-index? Тоже какие-то проблемы о которых рассказали на курсах?
очевидно z-index должен быть выше
У вас, видимо, привычка верстать всратые убогие лэндинги ни на секунду не задумываясь о том как ими люди пользуются. Как и у вашего дизайнера.
а, то есть transform это гораздо лучше отдельного дива?)
position fixed
z-index (у остальных элементов, очевидно z-index должен быть выше).
прибитый справа вверху
Псевдоэлемент приходится подгонять постоянно, т.к. "съезжает" словно бы в сторону
Способы с изменением размера шрифта не предлагать, так как не помогает.
Сейчас в большинстве случаев этого можно избежать.
Поэтому, почему бы и не сделать, как просит SEOшник. Тем более, что он прав и этот аргумент был всегда.