CSS :nth-child(n) even, 2n 짝수번째 설정

1열로 나열된 컨텐츠들을

짝수요소만 오른쪽으로 가게 재배치 

 

 

공통클래스로 동알한 클래스에 :nth-chiled(even)

.about_page .desc_wrap:nth-child(even) .desc_img {

  float: right;

}

 

.about_page .desc_wrap:nth-child(even) .txt_wrap {

  float: right;

}

 

 

또는

공통클래스로 동알한 클래스에 :nth-chiled(2n)

 

 

.about_page .desc_wrap:nth-child(2n) .desc_img {

  float: right;

}

  

.about_page .desc_wrap:nth-child(2n) .txt_wrap {

  float: right;

}

 

nth-child 는 형제요소들의 선택이 가능한 가상선택자이다. 

 

짝수 even / 2n 

홀수 odd / 1n