English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي CSS

قواعد CSS @

كامل خصائص CSS

مختار CSS3 :only-of-type

الصيغة المزيفة CSS :only-of-type تمثل أي عنصر، هذا العنصر ليس لديه إخوة من نفس النوع.

دليل مرجعي كامل للمختارات CSS

مثال عبر الإنترنت

تحديد كل عنصر p الذي ينتمي إلى نوع معين من العنصر الأم::

!DOCTYPE html
<html>
<head>
<meta charset="utf-8"> 
<title>دليل أساسي(oldtoolbag.com)</title>
<style>
div {
  border: 1px solid #ccc;
  margin: 20px;
  padding: 10px 10px 10px 30px;
}
p:only-of-type {
  color: red;
}
</style>
</head>
<body>
<div>
  <p>أنا العنصر الوحيد من نوع الجملة في هذا div.</p>  
  <ul>
    <li>عنصر القائمة</li>
    <li>عنصر القائمة</li>
  </ul>  
</div>
<div>
  <p>هذا div يحتوي على عدة جمل.</p>  
  <p>أنا أيضًا جملة.</p>  
  <ul>
    <li>عنصر القائمة</li>
    <li>عنصر القائمة</li>
  </ul>  
</div>
</body>
</html>
اختبار لمعرفة ‹/›

التعريف والاستخدام

element:only-of-type { style properties }

:only-of-type يمثل أي عنصر، هذا العنصر ليس لديه إخوة من نفس النوع.

تطابق المتصفحات

الرقم في الجدول يشير إلى إصدار أول متصفح يدعم الخاصية.

المختارات




:only-of-type4.09.03.53.29.6

دليل مرجعي كامل للمختارات CSS