Псевдоэлементы ::before и ::after


#1

Можно ли оформлять изображения в CSS с помощью псевдоэлементов ::before и ::after?
Я просто пытался, но у меня ничего не получилось, в итоге. Стало интересно


#2

что подразумевается под “оформлять”? добавлять псевдоэлементы к изображениям? нет, нельзя.
или же имелось ввиду добавлять на страницу фоновые изображения через псевдоэлементы? тогда можно


#3

Ну, я хотел узнать, можно ли оформлять изображения, не заворачивая их перед этим в дивы.
Вроде:

.class img::before { … } и т.д.

Спасибо за ответ


#4

псевдоэлементы могут быть добавлены только к тем элементам у которых есть содержимое (т.е. для которых есть либо подразумевается закрывающий тег), поэтому к например<img>, <br>, <input> и т.д. псевдоэлемент добавить нельзя


#5

Вот здесь пишут
https://fontawesome.com/how-to-use/svg-with-js
, что подключение иконок через псевдо -элементы является самым медленным методом использования шрифта Awesome. Это верно и почему?

И второй вопрос. Как лучше подключать иконки, через псевдо-элементы или создавать пустой блок див и обходиться без них?