Ο ψευδο-κλάσος only-child
Ο ψευδο-κλάσος only-child επιλέγει ένα στοιχείο,
που είναι το μοναδικό παιδί του γονέα του.
Σύνταξη
επιλογέας:only-child {
}
Παράδειγμα
Σε αυτό το παράδειγμα, θα κάνουμε το li κόκκινο,
αν είναι το μοναδικό παιδί του γονέα ul:
<ul>
<li>στοιχείο λίστας</li>
</ul>
<ul>
<li>στοιχείο λίστας</li>
<li>στοιχείο λίστας</li>
<li>στοιχείο λίστας</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
