Comportement bizarre avec CSS :premier enfant:avant en Chrome

Je vois quelque chose de plutôt étrange dans Chrome 10 w/:first-child:before.

Avec ce HTML

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

<ul>
    <li>Four</li>
    <li>Five</li>
    <li>Siz</li>
</ul>

et CSS

ul {
    list-style-type: none
}

li:before {
    content: "* "
}

li:first-child:before {
    content: ""
}

Quelqu'un peut explai pourquoi <li>Four</li> rend avec un astérisque dans Chrome 10.0.648.204 en Win XP SP3? Voir http://jsfiddle.net/MxtHm/

Mais si je change le CSS pour

ul {
    list-style-type: none
}

li:before {
    content: "* "
}

li:first-child {
    background: none
}

li:first-child:before {
    content: ""
}

<li>Four</li> rend sans l'astérisque. Voir http://jsfiddle.net/SGRej/

Safari 5.0.4 et Firefox 3.6.16 rendre les deux exemples de la même. Je suis passé par les deux Meyer livre et le CSS la recherche d'une explication, sans un peu de chance, et le validateur CSS n'est pas à se plaindre au sujet de la CSS.

Extrêmement curieux, c'est que si je Inspecter l'Élément dans le navigateur Chrome, il montre que la li:first-child:before supplante l' li:before règle.

JSFiddle est d'utiliser un DOCTYPE XHTML 1.0 Strict, mais je suis aussi de voir cela avec le DOCTYPE HTML5.

Grâce.

2011-04-28 EDIT: Cela semble avoir été corrigées dans google Chrome 11.0.696.57, le long de avec d'autres pseudo-élément problèmes connexes.

Chrome 12.0.712.0 (79102) sur Ubuntu 10.10 n'affiche pas cette fausse comportement afin qu'un correctif pour ce bug pourrait avoir été commis, donc je suppose qu'il va bientôt de la surface de la stabilité des constructions.
Chrome 10.0.648.204, IE9, et FF4 sur Windows 7 tous de rendre le même pour moi, pas de " * " sur la première LIs.
J'utilise Chrome 10.0.648.204, et je ne vois pas le problème. Peut-être un Win XP erreur? Je peux vous dire qu'il n'y a pas de problème avec le CSS et le HTML, c'est google Chrome.

OriginalL'auteur mpdonadio | 2011-04-04