only-of-type կեղծ-դասը

only-of-type կեղծ-դասը ընտրում է այն տարրը, որը իր ծնողի մոտ տվյալ տիպի միակ զավակն է:

Շարահյուսություն

cssընտրող:only-of-type {
  
}

Օրինակ

Կկարմրացնենք h2 վերնագիրը, եթե այն իր ծնողի մոտ միակ h2-ն է:

html<div>
  <h2>վերնագիր</h2>
  <p>պարբերություն</p>
  <p>պարբերություն</p>
  <p>պարբերություն</p>
</div>
<div>
  <h2>վերնագիր</h2>
  <p>պարբերություն</p>
  
  <h2>վերնագիր</h2>
  <p>պարբերություն</p>
  <p>պարբերություն</p>
</div>

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: