Эффективно размещать изображения в CSS-спрайтах
Я пытаюсь создать Карусель, где я покажу несколько твитов вместе с фотографией в профиле пользователя.
У меня создан спрайт со всей фотографией профиля пользователя, чтобы уменьшить количество сетевых запросов.
Я могу расположить изображения спрайта с background-position
Для применения background-position Я могу выбрать контейнер-div, который будет содержать изображения либо с :nth-child Селектор или я могу назначить отдельный идентификатор / класс для каждого контейнера, например position-1, position-2 и так далее.
Есть ли лучший способ, кроме вышеупомянутых методов, с помощью которого я могу их эффективно позиционировать?
Я хочу решение только для CSS, не хочу использовать JavaScript.