Eine Frage zu :nth-child(3n)

[Sturmverliebt]

Hallo,

Doch, geht. Lass mal sehen, was die „0 Wirkung“ bei dir ist!

Mein HTML sieht so aus

  
 <figure>  
     <div>  
     	<img src="team/vorschau/1.jpg" alt="Mitarbeiter 1" />  
     </div>  
     <figcaption>  
        <span>Name der Person</span>  
        <span>Was macht diese Person in der Firma?</span>  
     </figcaption>  
 </figure>  
  
 <figure>  
     <div>  
     	<img src="team/vorschau/2.jpg" alt="Mitarbeiter 1" />  
     </div>  
     <figcaption>  
        <span>Name der Person</span>  
        <span>Was macht diese Person in der Firma?</span>  
     </figcaption>  
 </figure>  
  
 <figure>  
     <div>  
     	<img src="team/vorschau/3.jpg" alt="Mitarbeiter 1" />  
     </div>  
     <figcaption>  
        <span>Name der Person</span>  
        <span>Was macht diese Person in der Firma?</span>  
     </figcaption>  
 </figure>  

Mein CSS so

  
figure:nth-child(3n){  
    position: relative;  
    width: 310px;  
    height: 200px;  
	float:left;  
	margin:0 0px 20px 0  
}  
  
figure {  
    position: relative;  
    width: 310px;  
    height: 200px;  
	float:left;  
	margin:0 7px 20px 0  
}  
  
figure>div {  
    transition: all 1s ease;  
    position: relative;  
    width: 310px;  
    height: 150px;  
    overflow: hidden;  
    z-index: 10;  
}  
  
figure>div:hover {  
    width: 310px;  
    height: 320px;  
    z-index: 10;  
}  
  
figure>div img {  
    z-index: 10;  
}  
  
figcaption {  
    display: block;  
    position: absolute;  
    width: 400px;  
    bottom: 5px;  
    z-index: 5;  
}  
  
figcaption span {  
    display: block;  
}  
  
figure span:nth-child(1){  
	font-weight:bold;  
    font-size:0.85em;  
    margin-bottom:2px;  
}  
  
figure span:nth-child(2){  
	font-size:0.75em;  
    color:#333;  
}  

Das dritte  <figure> hat weiterhin den Abstand nach rechts.