Css Can'；我不明白为什么：第n个类型是赢的'；行不通

我正在尝试选择我的div gallery中的每4张图像。我似乎不明白为什么我不能选择它

#gallery img:nth-of-type(4n){
   border: 5px solid #000;
}

我尝试过其他一些想法，但没有成功。有人能帮我解释一下为什么我的div gallery中没有选择每4张图片吗？提前谢谢

    <div id="gallery">

  <a href="/system/images/series_uploads/5/original/ankara_5602p_alabaster.jpg?1330114093" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/5/gallery/ankara_5602p_alabaster.jpg?1330114093" title="Ankara" />
    <div class="gallery-text">
      <h3>Ankara</h3>
      <p>Porcelain</p>
    </div>
  </a>

  <a href="/system/images/series_uploads/6/original/ankara_5624p_noce.jpg?1330114095" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/6/gallery/ankara_5624p_noce.jpg?1330114095" title="Ankara" />
    <div class="gallery-text">
      <h3>Ankara</h3>
      <p>Porcelain</p>
    </div>
  </a>

  <a href="/system/images/series_uploads/7/original/ashton_23931_smokey_beige_.jpg?1330114250" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/7/gallery/ashton_23931_smokey_beige_.jpg?1330114250" title="Ashton" />
    <div class="gallery-text">
      <h3>Ashton</h3>
      <p>Porcelain</p>
    </div>
  </a>

  <a href="/system/images/series_uploads/8/original/ashton_23942_camel_haze_entry.jpg?1330114251" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/8/gallery/ashton_23942_camel_haze_entry.jpg?1330114251" title="Ashton" />
    <div class="gallery-text">
      <h3>Ashton</h3>
      <p>Porcelain</p>
    </div>
  </a>

  <a href="/system/images/series_uploads/9/original/ashton_23942_camel_haze_lr.jpg?1330114252" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/9/gallery/ashton_23942_camel_haze_lr.jpg?1330114252" title="Ashton" />
    <div class="gallery-text">
      <h3>Ashton</h3>
      <p>Porcelain</p>
    </div>
  </a>

  <a href="/system/images/series_uploads/10/original/berkshire_25525_oak.jpg?1330115116" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/10/gallery/berkshire_25525_oak.jpg?1330115116" title="Berkshire" />
    <div class="gallery-text">
      <h3>Berkshire</h3>
      <p>HDP &ndash; High Definition Porcelain</p>
    </div>
  </a>

  <a href="/system/images/series_uploads/11/original/berkshire_25585_walnut_famousdaves01.jpg?1330115118" rel="lightbox['gallery']">
    <img alt="" src="/system/images/series_uploads/11/gallery/berkshire_25585_walnut_famousdaves01.jpg?1330115118" title="Berkshire" />
    <div class="gallery-text">
      <h3>Berkshire</h3>
      <p>HDP &ndash; High Definition Porcelain</p>
    </div>
  </a>
</div>

---

他们不是兄弟姐妹，所以你应该使用

#gallery a:nth-of-type(4n) img{
   border: 5px solid #000;
}

---

他们不是兄弟姐妹这就是为什么你应该使用

#gallery a:nth-of-type(4n) img{
   border: 5px solid #000;
}

---

请同时发布html标记，因为这里的代码没有问题，可能是问题所在地更新了答案。请发布html标记，因为这里的代码没有问题，可能是问题所在地更新了答案。不客气，如果有效，请将其标记为已回答，以便未来用户可以参与其中。问候=）不客气，如果有效，请将其标记为已回答，以便未来用户可以参与其中。问候=）