선택자
선택자(Selector): 어떤 것을 적용할 HTML 요소를 선택하는 방법
CSS 선택자
- 아이디 :
#아이디명
ex)#restaurant{color:red;} - 클래스 :
.클래스명
ex).food{color:red;} - 태그 :
태그명
ex)a{color:red;} - 전체 :
*
계층 선택자
- 부모 선택자 :
>
ex)선택자>자식 선택자 - 자손 선택자 :
(공백)
ex)선택자 자손선택자
가상 선택자
태그:first-child: 태그 중 첫번째 요소에 해당 CSS를 적용태그:last-child: 태그 중 마지막에 해당 CSS를 적용태그:nth-child(n): 태그 중 n번째 요소에 해당 CSS를 적용
