요소 이름 선택자

요소(element) 선택자는
지정된 요소 이름을 가진 모든 요소를 선택합니다.
예를 들어, h2 선택자는 문서내의 모든 <h2> 요소를 선택하는 선택자입니다.
대소문자를 구분하지 않습니다.

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

기본 예제

CSS 
span { /* 모든 span 요소를 선택합니다. */
    background-color: darkblue;
    color: white;
}
HTML 
<span>텍스트가 있는 span입니다.</span>
<p>텍스트가 있는 p입니다.</p>
<span>텍스트가 있는 또 다른 span입니다.</span>
실제 적용된 모습 모든 <span> 요소를 선택하여 스타일링합니다.

HTML의 모든 요소를 선택하려면 * 선택자를 사용하세요.

명세서

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

브라우저 호환성

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

참고문헌

같이 보기