본문 바로가기
웹(Web)/CSS

여러가지 선택자들

by 지하생활자 2021. 4. 15.

*는 페이지의 모든 것태그를가르키는 선택자다

A+B는 A 옆에 있는 B를 선택하는 선택자이다

A~B는 A 옆에 있는 모든 B를 선택하는 선택자이다

A>B는 A에 직접 속해있는 B를 선택하는 선택자다

A:only-child는 모든 요소 중에 A가 유일하게 포함되어 있을 경우 A를 선택하는 선택자이다

A:last child는 모든 요소의 마지막 자손인 A를 선택하는 선택자이다

:nth-child(숫자)는 표시된 숫자번째의 요소를 고르라는 선택자이다

:nth-last-child(숫자)는 뒤에서부터 센 숫자번째의 요소를 고르라는 선택자이다

:first-of-type은 가장 처음 타입을 고르는 선택자이다

:nth-of-type()은 타입과 순서에 따라서 고르는 선택자이다 괄호에는 숫자 또는 even 또는 odd가 들어갈 수 있다

:nth-of-type(An+B)는 수열을 이용하는 선택자이다

:only-of-type은 어떤 엘리먼트의 자손이 하나 있을 때 선택하는 선택자이다

:last-of-type은 마지막 엘리먼트만 선택하는 선택자이다

:empty는 자손이 없는 엘리먼트들을 선택하는 선택자이다

:not(A)는 A가 아닌 모든 엘리먼트들을 선택하는 선택자이다

 

 

'웹(Web) > CSS' 카테고리의 다른 글

font  (0) 2021.04.15
color  (0) 2021.04.15
가상 클래스 선택자  (0) 2021.04.15
선택자 공부 팁  (0) 2021.04.15
부모 자식 선택자  (0) 2021.04.15

댓글