loat

.show-1 {}
.show-1 .show-1 {display:block;}
.show-1 div {display:none;}

.show-2 {}
.show-2 .show-2 {display:block;}
.show-2 div {display:none;}

и дальше в том же духе, если нет возможности поменять класс родителю

для меня легче всего использовать Compass или imageMagick для создания спрайтов

пример ImageMagick: convert *png -append result-sprite.png

пример Compass:

@import «icon/*.png»;
@include all-icon-sprites;

.new { @include icon-sprite(new); }
.edit { @include icon-sprite(edit); }
.save { @include icon-sprite(save); }
.delete { @include icon-sprite(delete); }

Возможно вам будет полезно — lodoss.org/blog/the-best-front-end-techniques (к сожалению на анголийском, но все понятно)