CSS :nth-last-child 유사클래스 이외..

:nth-child를 봤다면 :nth-last-child 도 어렵지않다. 아니똑같다.LAST가 붙은 만큼 뒤에서 세어주면 된다. 간다한은 예

li:nth-last-child(2n){ font-size:20px;}
/*뒤에서 꺼꾸로 짝수번쨰 폰트사이즈 20px*/

나머지 ㅁ유사한~유사클래스를 마저 보자

:only-child

:only-child이건 only 붙은 만큼 유일한 자식이 있을경우만 선택된다,예로 div:only-child라 했을 경우


  이건 유일하니 선택됨


 첫째 자식
 또한명 자식 이다보니 선택안됨

:first-child의 반대이다.:first-child는 자식 첫번째 껄 선택한다.반대로 :last-child는 마지막 자식이다.예제로 간단히보자

li:first-child{font-size:10px;}
li:last-child{font-size:20px;}


 첫번쨰 자식
 자식2
 자식3
 마지막 자식

결과는? 다음과 같다.