header 셀렉터
:header 셀렉터는
h1,
h2,
h3,
h4,
h5,
h6 제목을 선택합니다.
:header는 CSS 명세에 속하지 않기 때문에,
현대 브라우저에서 성능을 향상시키려면 먼저 순수 CSS 셀렉터를 사용하여
요소를 필터링한 다음
.filter(':header')를 적용하는 것이 좋습니다.
문법
다음과 같이 요소를 선택합니다:
javascript$(':header');
예제
모든 제목의 배경을 회색으로 변경해 봅시다:
html<h1>Header h1</h1>
<p>text</p>
<h2>Header h2</h2>
<p>text</p>javascript$(':header').css({background: '#ccc'});