본문 바로가기
IT/html+css

꿈들이 만들기

by dya0 2019. 5. 7.

1. 일반 구조 선택자

- 특정한 위치에 있는 태그를 선택하는 선택자

형식) :nth-child(수열) : 형제 관계 중에서 앞에서 수열번째 태그를 선택

예) : nth-child(2n) 인 경우 : 2,4,6,.. 번째 위치하는 태그를 선택 nth-child(2n+1) 인 경우 : 1,3,5,.. 번째 위치하는 태그를 선택 :nth-child(숫자)인 경우 : 숫자 번째 위치하는 태그를 선택(양수)

 

2. 그 외 일반 구조 선택자

:first-child : 형제 관계 중에서 첫 번째 위치하는 태그를 선택

:last-child: 형제 관계 중에서 마지막에 위치하는 태그를 선택

:nth-last-child

수열 : 형제 관개 중에서 위에서 수열 번재에 위치하는 태그를 선택

'IT > html+css' 카테고리의 다른 글

구조 나누기  (0) 2019.05.07
display vs float  (0) 2019.05.07
HTML & CSS  (0) 2019.05.07