අනුප්‍රාප්ති-වර්ග ප්‍රබන්ධ-වර්ගය

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;
}

Результат: