본문 바로가기

Room 103. Front-end/HTML5 & CSS3

뉴 렉쳐 [웹 표준 기반의 웹 퍼블리싱 HTML5, CSS] 강의 (7) - Selectors 우선 순위

HTML5, CSS 강의 32강 학습 중 메모

 

32강 Selectors 우선 순위

  • 한 태그에 클래스/아이디/태그 스타일이 겹칠 경우 어떤 스타일이 적용 될까?
  • 적용 범위가 넓은 셀렉터일 경우 우선순위가 낮습니다!
  • ID > Class > Tag명

  • 같은 셀렉터면서 스타일이 다를 경우는 어떤 스타일이 적용 될까?
  • 가장 나중의 스타일이 덮어쓰게 됩니다!

  • 아래 예제는 2 > 3 > 1 > 4 순으로 우선순위가 높습니다!

  • 아래 예제는 1 > 2 > 3 순으로 우선순위가 높습니다!