Wordpress Gallery Border

Question

Я хочу добавить границы к изображениям галереи. Но в шахматной доске эффект изображения 1, 3, 5, 7, 9 ... будет черным, а 2,4,6,8,10 ... будет белым.

Я попытался следующий CSS и у меня не было никакой удачи :(

#gallery-1:nth-child(odd) img { 
    border: 3px solid #B8A8A8; 
} 
#gallery-1:nth-child(even) img { 
    border: 3px solid #000000; 
} 

.attachment-thumbnail:nth-child(odd) { 
    border: 3px solid #B8A8A8; 
} 
.attachment-thumbnail:nth-child(even) { 
    border: 3px solid #000000; 
} 

Вот HTML

<dl class="gallery-item"> 
      <dt class="gallery-icon portrait"> 
       <a href="http://something.co.uk/ducfs/?attachment_id=9"><img width="120" height="120" src="http://something.co.uk/ducfs/wp-content/uploads/2013/11/Events-1-IMG_4864-150x150.jpg" class="attachment-thumbnail" alt="Events 1 IMG_4864"></a> 
      </dt></dl> 

Любая помощь будет очень признателен. Спасибо!

Answer 1

Использование этого

.gallery-item img:nth-child(odd){} 
.gallery-item img:nth-child(even){} 

вместо

#gallery-1:nth-child(odd) img { 
border: 3px solid #B8A8A8;} 
#gallery-1:nth-child(even) img { 
border: 3px solid #000000;} 

Я думаю, это может сработать.