nth-child, изменить стиль каждого другого div с именем класса

Question

У меня есть некоторые элементы на моей странице, все они должны быть одинаковыми, за исключением всех остальных, где я просто хочу изменить стиль.

Вот CSS, который я надеялся бы выбрать DIV внутри стека различных элементов:

.stagger_reviews[class=inner]:nth-child(2n+2) { 
    background-color:#003; 
} 

Вот это HTML:

<div class="stagger_reviews"> 
<!-- Later use PHP to load reviews, CSS should switch the images from left to right --> 
    <article class="container box style1"> 
     <a style="background-image:url(images/blank-user.jpg); " href="#" class="image fit"></a> 
     <div class="inner"> 
      <header> 
       <h2>Martyn Ball</h2> 
      </header> 
      <p> 
       I found this service on a Google Search, didn't expect it to be so great! 
      </p> 
     </div> 
    </article> 
    <article class="container box style1"> 
     <a style="background-image:url(images/blank-user.jpg); " href="#" class="image fit"></a> 
     <div class="inner"> 
      <header> 
       <h2>Martyn Ball</h2> 
      </header> 
      <p> 
       I found this service on a Google Search, didn't expect it to be so great! 
      </p> 
     </div> 
    </article> 
</div> 

Как вы можете видеть, что я просто хочу отрегулируйте один div внутри каждой статьи, которая имеет имя класса inner. И, возможно, некоторые другие элементы, но как только у меня будет эта работа, я могу это сделать.

Этот стиль не применяется ко второму inner div, я сделал около 4 копий статьи, и ни один из них не изменяется.

Answer 1

Вот решение, я поставил n-й ребенок в неправильное место.

.stagger_reviews > article:nth-child(2n+2) div[class=inner]