19 Jun, 2009

Oplossen :first-child CSS bug in IE 7

Categoriën: Bug |IE7 |solution

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

Gerelateerde Snippets

Geen reacties op "Oplossen :first-child CSS bug in IE 7"

Reactie formulier


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.