English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS 위장 클래스 :first-of-type는 형제 요소 중 같은 유형의 첫 번째 요소를 나타냅니다.
선택된 p 요소는 부모 요소의 첫 번째 p 요소입니다:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 가이드(oldtoolbag.com)</title>
<style>
/* 부모 요소에서 첫 번째로 나타나는 <p>를 선택합니다. 형제 요소 내 위치와 관계없이. */
p:first-of-type {
color: red;
}
</style>
</head>
<body>
<h1>이는 제목입니다</h1>
<p>이는 첫 번째 단락입니다.</p>
<p>이는 두 번째 단락입니다.</p>
<p>이는 세 번째 단락입니다.</p>
<p>이는 네 번째 단락입니다.</p>
</body>
</html>테스트를 보세요 ‹/›:first-of-type 선택자는 부모 요소가 특정 유형의 첫 번째 자식 요소인 요소와 일치합니다.
안내: 및 :nth-of-type(1)는 동일한 의미입니다.
표에서의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.
| 선택자 | |||||
|---|---|---|---|---|---|
| :first-of-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |