first-child 선택자 : 형제 요소 중 첫 번째 태그를 선택하는 선택자 (무조건 첫 번째 태그만을 선택함)

.container :first-child {

}

first-of-type 선택자 : 형제 요소 중 첫 번째로 해당하는 타입의 태그를 선택하는 선택자

.container :first-of-type {
	
}

active 선택자 : 활성화된 요소에 적용되는 선택자

focus 선택자 : 입력창의 커서가 활성화 될 때 적용되는 선택자

visited 선택자 : 방문한 기록이 있을 때 적용되는 선택자

가상요소 선택자 : before after

형제요소 선택자 : 형제 요소 중 해당되는 요소들을 선택하는 선택자

.A ~ B {

}

CSS Diner

flex

flex-direction: 중심축의 방향을 결정함(row : 가로 | column : 세로)

justify-content: 중심축의 방향의 정렬을 결정해줌

align-items: 중심축의 수직 방향의 정렬을 결정해줌