CSS 요소(element) 선택자 – 요소 이름으로 선택

정의 및 사용 방법

요소(element) 선택자는 문서 내에서 해당하는 요소 이름을 가진 모든 요소를 선택합니다.
예를 들어, h2는 문서내의 모든 <h2> 요소를 선택하는 선택자입니다.

이러한 이유로 요소 선택자를 'tag name selector' 혹은,
요소가 무엇인지 식별하는 element type이라는 의미에서 'type selector'라고 부릅니다.

CSS

h2 { /* 모든 <h2> 요소를 선택합니다. */
    background-color: yellow;
}
span { /* 모든 <span> 요소를 선택합니다. */
    background-color: darkblue;
    color: white;
}

HTML

<h2>요소 이름 선택자</h2>
<span>텍스트가 있는 span입니다.</span>
<p>텍스트가 있는 p입니다.</p>
<span>텍스트가 있는 또 다른 span입니다.</span>

문서 내 모든 요소를 선택하려면 * 선택자를 사용하세요.

요소 선택자의 명세서 사양
명세서 사양
`elementName`	Selectors Level 4 #type-selectors

요소 선택자의 브라우저 호환성
선택자	데스크탑 Chrome	데스크탑 Edge	데스크탑 Firefox	Safari
`elementName`	1	12	1	1