요소 선택자
요소(element) 선택자는
지정된 요소 이름을 가진 모든 요소를 선택합니다.
예를 들어, h2
선택자는 문서내의 모든 <h2>
요소를 선택하는 선택자입니다.
대소문자를 구분하지 않습니다.
이러한 이유로 요소 선택자를 'tag name selector' 혹은,
요소가 무엇인지 식별하는 element type이라는 의미에서 'type selector'라고 부릅니다.
span { /* 모든 span 요소를 선택합니다. */
background-color: darkblue;
color: white;
}
<span>텍스트가 있는 span입니다.</span>
<p>텍스트가 있는 p입니다.</p>
<span>텍스트가 있는 또 다른 span입니다.</span>
텍스트가 있는 span입니다.
텍스트가 있는 p입니다.
텍스트가 있는 또 다른 span입니다.HTML의 모든 요소를 선택하려면 '*
선택자'를 사용하세요.
명세서
명세서 사양 | |
---|---|
elementName
|
Selectors Level 4 #type-selectors |
브라우저 호환성
선택자 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
elementName
|
1 | 12 | 1 | 1 |