CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS 함수(Function)CSS 선택자 전체 가이드북

CSS3 :target 선택자

:target CSS 패턴은 독특한 페이지 요소(목표 요소)를 나타내며, 그 id는 현재 URL 프래그먼트와 일치합니다 .

전체 CSS 선택자 참조 매뉴얼

온라인 예제

활성 HTML 앵커를 강조합니다:

예제

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>기본 가이드(oldtoolbag.com)</title>　
<style>
:target
{
　　　　border:　2px solid red;
　　　　background-color: yellow;
}
</style>
</head>
<body>
<h1>이는 제목입니다</h1>
<p><a href="#news1">content로 이동하기　1</a></p>
<p><a href="#news2">content로 이동하기　2</a></p>
<p>위의 링크를 클릭한 후:target 선택자가 현재 활성 HTML 앵커를 강조합니다.</p>
<p id="news1><b>New content　1...</b></p>
<p id="news2><b>New content　2...</b></p>
<p><b>주의:</b> IE　8　또한 이전 버전의 브라우저는 :target 선택자를 지원하지 않습니다.</p>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

:target

# 링크 이름은 파일 내에 특정 요소로 링크된 URL입니다. 요소는 목표 요소로 링크됩니다.

:target 선택자는 현재 활성 target 요소의 스타일을 사용할 수 있습니다.

브라우저 호환성

표中之 수치는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

선택자
:target	4.0	9.0	3.5	3.2	9.6

전체 CSS 선택자 참조 매뉴얼

CSS 함수(Function)CSS 선택자 전체 가이드북