5.1.1 전체 선택자

전체 선택자는 HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법으로, * 기호를 사용해 표시합니다.

*{/* CSS 코드 */}

전체 선택자로 모든 요소의 텍스트 색상을 빨간색으로 지정하려면 다음과 같이 작성합니다.

<style>
  *{
    color:red;
  }
</style>
(중략)
<h1>전체 선택자</h1>
<p>전체 선택자는 모든 요소를 한 번에 선택할 수 있습니다.</p>

그림 5-1 실행결과

코드를 실행하면 그림과 같이 모든 요소의 텍스트가 빨간색으로 표시됩니다. 결과를 보면 단순히 h1, p 태그만 선택됐다고 생각할 수 있는데, 전체 선택자는 h1, p 태그를 비롯해 html, head, title, style, body 태그 등 모든 요소가 선택됐다는 점을 이해해야 합니다.