Usar el mismo CSS y varie segun la enumeración del id

[demoche]

Esto talvez sea simple pero no lo sé :(

La cuestión es que estoy usando el TinyScroll para mi sitio y me encontre que cuando quize utilizarlo más de una vez, no podia, por lo que me di cuenta y perdón si como lo hago no es correcto pero por eso estoy preguntando como resolverlo, que variando el siguiente codigo de css:

Código CSS:

#scrollbar1 { width:31em; margin: 0em 0em 0.625em; }
#scrollbar1 .viewport { width: 30em; height: 20em; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0.5em; top: 0; padding: 0; margin: 0; }
 

Si lo quiero usar en distintos Scrolls para que no cree conflico, tengo que repetirlso cambiando la enumeracion cada vez que agrego uno como por ejemplo:

Código CSS:

#scrollbar2 { width:31em; margin: 0em 0em 0.625em; }
#scrollbar3 { width:31em; margin: 0em 0em 0.625em; }
#scrollbar4 { width:31em; margin: 0em 0em 0.625em; }
 

Entonces mi pregunta es como hago para evitar eso, hay alguna forma
que lo enumere en la misma linea sin tener que repetirlas a todas cada vez, por ejemplo algo asi

Código CSS:

#scrollbar 1 2 3 { width:31em; margin: 0em 0em 0.625em; }
 

Y eso le comprenderia al Scroll 1, al 2 y 3.

Gracias

[AlbertoGarcia]

Hola, ¿y no puedes darle una clase a todos los divs con esos IDs?

Código HTML:

<div id="scrollbar1" class="cajascroll">
<div class="scrollbar" style="height: 200px;">
<div class="track" style="height: 200px;">
<div class="thumb" style="top: 40.1204px; height: 40.1204px;">
<div class="end"></div>
</div>
</div>
</div>
<div class="viewport">
 <div class="overview" style="top: -200px;">
<h3>Magnis dis parturient montes</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a ullamcorper massa bibendum at. Suspendisse potenti. In vestibulum enim orci, nec consequat turpis. Suspendisse sit amet tellus a quam volutpat porta. Mauris ornare augue ut diam tincidunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
</div>
</div>
</div>
 

Código CSS:

.cajascroll { width:31em; margin: 0em 0em 0.625em; }
 

Salud!

[AlbertoGarcia]

Aunque también, nunca he usado el TinyScroll y no se si valdrá, pero en lugar de ID puedes probar usar directamente una clase para aplicar el JS:

Código Javascript:

$('.cajascroll').tinyscrollbar();
 

Salud!