Fix de nth-child(n) para IE 7/8

by Salustiano Silva

HTML

<ul>
    <li>
        <a href="#">Vermelho</a>
    </li>
    <li>
        <a href="#">Azul</a>
    </li>
    <li>
        <a href="#">Verde</a>
    </li>
    <li>
        <a href="#">Amarelo</a>
    </li>
</ul>

CSS

/* equivalente ao li:nth-child(1) */
ul li:first-child a {
    color:red;
}

/* equivalente ao li:nth-child(2) */
ul li:first-child + li a {
    color:blue;
}

/* equivalente ao li:nth-child(3) */
ul li:first-child + li + li a {
    color:green;
}

/* equivalente ao li:nth-child(4) */
ul li:first-child + li + li + li a {
    color:yellow;
}