CSS Selector nth-child（）用于不同的颜色

Question

我有一个父DIV有5个孩子DIV，每个孩子DIV有相同的类，这似乎是问题。我想为每个孩子DIV设置不同的背景颜色？但是CSS似乎出现了问题。思考？

CSS

   .rsThumbsContainer:nth-child(2){
        background: rgb(184,84,84);
    }

HTML

<div class="rsThumbsContainer">
 <div class="rsNavItem rsThumb">
    <div class="rsTmb">Frugobee video</div>
 </div>
 <div class="rsNavItem rsThumb">
   <div class="rsTmb">Post a job</div>
 </div>
 <div class="rsNavItem rsThumb">
  <div class="rsTmb">Get a quote</div>
 </div>
 <div class="rsNavItem rsThumb">
  <div class="rsTmb">Make a hire</div>
 </div>
 <div class="rsNavItem rsThumb">
  <div class="rsTmb">Pay with ease</div>
 </div>
</div>

输出：

我知道可以使用ID和JQuery来完成。

Answer 1

参见示例。 你需要在

上设置：nth-​​child

<div class="rsNavItem rsThumb">

JSFIDDLE DEMO

Answer 2

您需要将nth-child应用于子选择器，而不是父级：

.rsNavItem:nth-child(2) { 
  background: rgb(184,84,84); 
}