How to style a div that is generated by javascript?

Question

css

<ul class="bxslider"></ul>
There are several bxslider carousels on the page, most of the divs are generated by a script, how to style them correctly via css so that the styles of other sliders do not touch.

Answer 1

Make a wrapper over those divs that need to be styled

<div class="bxslider__wrapper__1">
   <ul class="bxslider"></ul>
</div>

bxslider__wrapper__1 .bxslider { /* styles * }

Answer 2

For starters, as dixoNich and Nikolay said . Don't want that -
elem.style.backgroundColor = "red";