English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS pseudoclass :first-of-type يمثل العنصر الذي هو الأول من نوعه في مجموعة الإخوة.
النص المختار هو النص <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 |