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 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
Vous devez vous connecter pour publier un commentaire.
Je suis raisonnablement sûr que vous vous êtes mordu par la même question que dans cette précédente question, j'ai répondu:
dernier enfant:après pas de rendu de Chrome? Le Pseudo-élément le problème de l'utilisation?
J'ai compris la vérité évidente que c'était un bug, et a trouvé quelques rapports de bogues de la confirmer.
Quelqu'un d'autre a trouvé une drôle de solution de contournement; voir la accepté de répondre.
OriginalL'auteur thirtydot