css 선택자

클릭하기 전 태그의 선택자

tag:link

 

클릭한 후 태그의 선택자

tag:visited

 

인접 형제 선택자 = tag1 요소 다음  tag2요소만 선택

tag1 + tag2

 

일반 형제 선택자 = tag1 요소 와 형제인 tag2 요소 전체 선택

tag1 ~ tag2 

 

자식 선택자  = 자식의 요소만 선택 (자손이 아님)

tag1 > tag2

 

속성 선택자

tag[속성]  = 해당하는 속성값을 포함한 tag 선택

tag[속성='값'] = 해당하는 속성값이  '값'인 tag 선택 

tag[속성~='값'] = 해당하는 속성값이  '값'을 포함하고 있는 tag 선택 

tag[속성^='값'] = 해당하는 속성값이  '값'으로 시작하는 tag 선택 

tag[속성|='값'] = 해당하는 속성값이  '값' 이거나 '값'을 포함하는 tag 선택 

 

구조적 가상 선택자

tag::root  = 최상위 요소 선택자

 

tag:: nth-child(번째) = ~번째  요소를 선택

 

tag::nth-last-child(번째) = 끝에서 ~번째 요소를 선택

 

tag::nth-of-type(번째) =  번째에 있는 tag 타입을 선택