CSS selector

• HTMl의 요소를 tag, id, html태그 속성 등을 통해 쉽게 찾아주는 방법이다.
• 기본 선택자
  • tag로 지정하기 : 태그명
  • id로 지정하기 : #id명
  • class로 지정하기 : .class명

CSS Selector의 다양한 활용

• id, class요소 선택자와 함께 활용

#myid { color : red }
div.myclassname { color : red }

• 여러개 선택(,) : 여러 선택자에게 한번에 속성 지정 가능 h1, span, div { color : red }
• 자손 요소 선택(공백) : 바로 하위, 하위의 하위의 하위 등 부모 하위 존재만 한다면 적용 가능. 공백 사용 #jisu span { color : red }
• 자식 선택(>) : 부모 바로 아래 태그만 선택 가능. #jisu > span { color : red }
• n번째 자식 요소 선택(nth-child) : id명이 jisu인 태그의 두번째 자식 선택#jisu > p:nth-child(2) { color : red }