CSS 유형 선택기(Type Selector)의 개념과 사용법

CSS 유형 선택기란 무엇인가?

선택기(selector)는 스타일이 적용될 대상이 되는 HTML 태그를 의미합니다. <h1>, <p>, <table> 등 어떤 HTML 태그든 선택기가 될 수 있습니다.

유형 선택기(type selector)는 태그 이름을 그대로 사용하여 해당 요소 전체에 스타일을 일괄 적용하는 가장 기본적인 방식입니다.

유형 선택기 작성 예시

예를 들어, 문서 내 모든 <h2> 요소에 빨간색 텍스트 색상을 지정하려면 다음과 같이 작성합니다.

h2 {
    color: #FF0000;
}

마찬가지로 모든 <p> 단락 요소에 진한 적갈색(#800000)을 적용하고 싶다면 아래처럼 선언합니다.

p {
    color: #800000;
}

유형 선택기의 특징

유형 선택기는 별도의 클래스나 아이디 없이 태그 이름만으로 스타일을 지정하기 때문에 코드가 간결하고 직관적입니다. 다만, 같은 태그가 사용된 모든 요소에 동일하게 적용되므로 특정 요소만 스타일링해야 하는 경우에는 클래스 선택기나 아이디 선택기를 함께 활용하는 것이 좋습니다.