I am trying to create a Carousel, where i will show some tweets along with the user's profile picture.
I have a created a sprite with all user's profile picture, to reduce number of network requests.
I can position the images of the sprite with background-position
For applying the background-position I can select the container-div which will hold the images either with :nth-child selector or I can assign a seperate id / class to each of the container for example position-1, position-2 and so on.
Is there any better way apart from the above methods, by which i can efficiently position them ?
I want a CSS only solution don't want to use JavaScript.