[CSS] 가상클래스 선택자 2

nth-child, Not

 

nth child 가상 선택자는 형제 요소중(n)번 째라면 선택한다.

   ex) .fruits *: nth-child(n){color : orange;}

 

Not 부정 선택자는  ABC:not(XYZ) 형태로 XYZ가 아닌 ABC요소를 선택한다.

    ex) .fruits *: not(span) { color : red;}

 

 

See the Pen by jinseoIT (@jinseoit) on CodePen.