선택자1 [CSS]다양한 선택자 #복합선택자# span.apple{} ->span태그에서 애플이라는 클래스를 선택 ul>.apple{} ->ul태그의 자식중에서 apple이라는 클래스를 선택 div .orange{} ->div태그의 후손(띄어쓰기)중에서 orange라는 클래스를 선택 인접형제선택자 .orange + li {} ->선택자 다음의 인접형제선택 일반형제선택자 .orange ~ li {} ->선택자 다음의 일반형제선택 #가상클래스 선택자# :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 :focus - 포커스 되었을 때 (input 태그 등) :first - 첫번째 요소 :last - 마지막 요소 :first-chi.. 2020. 6. 25. 이전 1 다음