Creating JS slideshow with Twig "for" loop
You didn't mention you want to style your sliders differently. I don't think you have to address them separately form your JS and CSS, if they should all look just the same.

HTML:

{% for slider in entry.myMatrixField.type('slider') %}
    &lt;div class="royalSlider"&gt;
    &lt;/div&gt;
{% endfor %}


JS:

$('.royalSlider').royalSlider({
  controlNavigation: 'bullets'
});


CSS:

.royalSlider {
  width: 300px;
  height: 200px;
  background: red;
}