5. CSS Selectors

정의

• CSS Selector
  • id, class, type, attribute 등을 조건으로 페이지의 html 요소를 지정하여 서식을 설정함
• 종류
  • Simple Selectors
    • Element Selector
      • p { }
    • Id Selector
      • #id { }
    • Class Selector
      • .class {}
  • Universal Selector
    • * { } 처럼 *을 두어 기본 서식 지정
  • Attribute Selector
    • [style] {}
      • <div style=...> 등에 적용
    • div[style] { }
      • <div style=...> 등에 적용
    • [title="abc"] {}
      • <div title="abc"> 등에 적용
  • Pseudo-class Selector
    • .myclass:hover { }
  • Combinator Selectors
    • Child Selector(>)
      • div > p{ }
    • Descendant selector(space)
      • div p{ }
      • div 아래 p에 적용(얼마나 아래인지는 상관 없음)
  • Pseudo-Element Selector
    • p::first-line{ }