I det viste eksempel vil det sidste child element på listerne være med fed krift. Så ser klassen i CSS således ud:
LI:nth-child(2) {
font-weight: bold;
}
Koden til eksemplet ser således ud:
<B>Liste 1:</B>
<UL>
<LI>Punkt 1</LI>
<LI>Punkt 2</LI>
<LI>Punkt 3</LI>
<LI>Punkt 4</LI>
<LI>Punkt 5</LI>
<LI>Punkt 6</LI>
</UL>
<B>Liste 2:</B>
<OL>
<LI>Punkt 1</LI>
<LI>Punkt 2</LI>
<LI>Punkt 3</LI>
<LI>Punkt 4</LI>
</OL>
På skærmen ser det således ud:
Liste 1:
- Punkt 1
- Punkt 2
- Punkt 3
- Punkt 4
- Punkt 5
- Punkt 6
Liste 2:
- Punkt 1
- Punkt 2
- Punkt 3
- Punkt 4