Het zal je zelden voorkomen, maar de ondersteunde pseudo-selector :first-child in Internet Explorer 7 werkt niet meer als je je :first-child in de HTML vooraf gaat met een HTML comment, bekijk volgend voorbeeld:
Foute HTML (in ie7 werkt de css niet meer)
HTML
<ul>
<!-- this comment does something wrong for ie7 -->
<li><a href="/">Start page</a></li>
<li><a href="/">News</a></li>
<li><a href="/">Contact</a></li>
</ul>
CSS
li {
background: red;
}
li:first-child {
background: blue;
}
Correcte HTML (in ie7 werkt de css weer wel)
HTML
<ul>
<li><a href="/">Start page</a></li>
<li><a href="/">News</a></li>
<li><a href="/">Contact</a></li>
</ul>
CSS
li {
background: red;
}
li:first-child {
background: blue;
}