Как задать стиль 6-му диву?

Question

[amazinginternetsites]

Здравствуйте,

Есть ряд div'ов

<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>

Как задать определенный стиль для 2-го и 6-го, например?

Answer 1

[tvelforce]

.fieldset:nth-child(6) {...}

на или с помощью jquery:

$(document).ready(function(){
  $(".fieldset:eq(6)").addclass(".newclass"); // добавить CSS класс
  // или
  $(".fieldset:eq(6)").css({"background":"eee"}); // закрасить 6 блок серым
});

Comments

[amazinginternetsites]

не сработало.

[Вадим Кот]

amazinginternetsites: да ладно https://jsfiddle.net/pdtr07uL/1/

[tvelforce]

amazinginternetsites: Возможно что на этом же уровне есть еще какие то блоки? Можно все эти 7 блоков поместить в какой нибудь контейнер?

Answer 2

[Дмитрий]

можно еще так https://jsfiddle.net/soledar10/pdtr07uL/

Comments

[amazinginternetsites]

сработало

Answer 3

[evnuh]

:nth-child

Answer 4

[Anar4you]

<div class="fieldset"></div>
<div class="class"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="class"></div>
<div class="fieldset"></div>

в чем проблема?

Answer 5

[GoldenYear]

<div class="fieldset"></div>
<div class="fieldset another-class1"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset"></div>
<div class="fieldset another-class2"></div>
<div class="fieldset"></div>