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 |