Последнее испытание

Кто-нибудь знает почему селектор .color-yellow:nth-of-type(1) не работает в этом примере? Он выбирает первый div с классом .color-aqua как селектор :nth-child(1) :thinking:

  •     <body class="exam">*
    
  •    <div class="brick-layout">*
    
  •      <div class="brick color-aqua"></div>*
    
  •      <div class="brick color-aqua"></div>*
    
  •      <div class="brick color-aqua"></div>*
    
  •      <div class="brick color-yellow"></div>*
    
  •      <div class="brick color-yellow"></div>*
    
  •      <div class="brick color-yellow"></div>*
    
  •      <div class="brick color-fuchsia"></div>*
    
  •      <div class="brick color-fuchsia"></div>*
    
  •    </div>*
    
  •  </body>*