Как стилизовать div, который генерируется javascript?

Question

[drtvader]

<ul class="bxslider"></ul>
На странице есть несколько каруселей bxslider, большинство div генерируется скриптом, как их правильно стилизовать через css, что бы стили других слайдеров не соприкасались.

Answer 1

[Yaroslav Lyzlov]

Сделать над теми дивами, которые надо стилизовать, обёртку

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

bxslider__wrapper__1 .bxslider { /* styles * }

Answer 2

[Николай]

Как вариант - обернуть элемент, из которого создается bxslider в с каким-то классом.
Тогда можно будет писать разные стили и разделение будет по этим классам.
В css файле будет что-то такое:

.classname1 .bxslider{
}
.classname2 .bxslider{
}

в html:

<div class='classname1'>
    <ul class="bxslider"></ul>
</div>
...
<div class='classname2'>
    <ul class="bxslider"></ul>
</div>

Answer 3

[Ivanq]

Для начала, как сказали dixoNich и Николай. Не хотите так -
elem.style.backgroundColor = "red";

Comments

[Yaroslav Lyzlov]

Не, не стоило это писать. Сделает ведь ещё...

[Ivanq]

dixoNich: Ну, когда куча элементов, в крайнем случае и так, хотя я с вами полностью согласен.

[Yaroslav Lyzlov]

Просто я считаю, если так приходится делать, то что-то пошло не так и стоит задуматься о жизни :)