[HTML/CSS] virtual class

virtual class

가상클래스는 특정상황을 구별해주는 키워드로 콜론(:)을 쓴다. 

앞서 마우스를 올렸을 때 발생하는 효과를 :hover로 사용했던 점 참고.

:nth-child(조건) -> 특정순서를 조건에 맞게 변경할 때 사용한다. 

:first-child 처럼 바로 몇번째인지 알 수 있는 경우 뒤에 조건은 생략가능하다. 

 

<ul>태그 안의 <li>태그들에게 가상클래스를 적용할때 

ul: 으로 쓰지 않도록 주의한다.

ul: 이 아닌 li: