Как применить стиль к каждому элементу класса?

Question

[0leg5ergeev]

Т.е. элементов с одним классом множество, а скрипт применяется только с первому из них, как это исправить?

Answer 1

[Алексей Ярков]

var elements = document.querySelectorAll('.class');
elements.forEach(function(el, i, arr){
    // make magic with 'el'
});

Comments

[0leg5ergeev]

https://jsfiddle.net/Lf2pqhv4/2/ что-то совсем нет :) без "All" работает на первом блоке, с "All" вообще не работает

[display: block]

var elements = document.querySelectorAll(selector);
Array.prototype.forEach.call(elements, function(el, i){

});

[Алексей Ярков]

0leg5ergeev: https://jsfiddle.net/Lf2pqhv4/4/
Я пример же привел с циклом не просто так?

[0leg5ergeev]

Алексей Ярков: эх, действительно, простите :)

[Алексей Зуев]

0leg5ergeev: не забудьте обратить внимание на комментарий qork или ваc только хром интересует

Answer 2

[Константин Самсин]

Jquery:
$('.class').css();

Answer 3

[display: block]

var styleNode = document.createElement("style");
styleNode.innerHTML = ".class:nth-child(2n) { background: red; }";
document.head.appendChild(styleNode);

Answer 4

[Дмитрий Беляев]

https://developer.mozilla.org/ru/docs/Web/API/CSSS...