.feature-item::before {
content: "";
position: absolute;
top: 0;
left: 137px;
width: 65px;
height: 65px;
background-image: url("img/sprite.png");
background-repeat: no-repeat;
}
.feature-choice::before {
background-position: -5px -5px;
}
.feature-quality::before {
background-position: -5px -76px;
}
.feature-safety::before {
background-position: 1px -143px;
}
Может мне кто-то объяснить про эти псевдоэлементы? Я где-то упускаю что-то.
Вот смотрите.
Мы создали псевдоэлемент к классу .feature-item. Задали ему изображение, размер, вотэтовсе.
Потом нам нужно задать позицию, чтобы в каждом элементе появился свой кусочек спрайта.
И мы берем другой класс, чтобы по нему позиционировать.
И зачем мы этому классу-то :before задаем?? Почему просто нельзя задать расположение?
Получается еще один псевдоэлемент создали? К каждому классу - по псевдоэлементу? Элемент один, классов у него - два, и псевдоэлементов - тоже два? Запуталась напрочь, помогите распутаться