Pseudo-class only-of-type
Pseudo-class only-of-type memilih
elemen yang merupakan satu-satunya turunan
dari tipe yang ditentukan.
Sintaks
selector:only-of-type {
}
Contoh
Mari warnai judul h2 dengan warna merah, jika
ia merupakan satu-satunya h2 di dalam induknya:
<div>
<h2>judul</h2>
<p>paragraf</p>
<p>paragraf</p>
<p>paragraf</p>
</div>
<div>
<h2>judul</h2>
<p>paragraf</p>
<h2>judul</h2>
<p>paragraf</p>
<p>paragraf</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
