psuedo-class

[2021/12/31]국비지원 CSS3 11-(1) psuedo-class, property selector

psuedo-class :first-child :nth-child(n) : n번째 :nth-child(odd) : 홀수번째 :nth-child(even) : 짝수번째 :nth-child(3n) : 3배수 :last-child :nth-last-child(n) : 뒤에서 n번째 :empty : 비움 :first-of-type :nth-of-type(n) :nth-last-of-type(n) :last-of-type :only-child :only-of-type dl dt dd에서는 type이 더 직관적 (이라고 함) 1 2 3 4 5 6 7 9 dt dd dt dd dt dd dt dd 결과물 property selector : 속성선택자 띄운 칸 : 하위의 모든 해당 element > : 자식 eleme..

[2021/12/20]국비지원 CSS3 2-(5)-{2} a link (하이퍼링크)

가상 클래스 ( psuedo-class ) :link : 아직 방문하지 않은 링크 ( 브라우저 상의 기록이 없는 경우 default 색상 파란색 ) :visited : 이미 방문한 링크 ( default color : 보라색 ) :active : 마우스 클릭한 상태 :focus : 클릭당하고 주목받은 상태 ( 그 외 :first-child / :nth-child / :first-of-type 등이 있으나 후에 한 번 더 정리해서 올릴 예정 ) menu menu menu menu 결과물 1. hover 전 2. 각각 hover 후