CSS3 PIE相互衝突：第一，孩子

Question

我使用CSS3 PIE爲邊界半徑suppport添加到IE8和更早版本，它的一個矛盾的：第一胎選擇。

基本上，我有三個列表項向左浮動。每個人都有的10px的左邊界，除了第一個，這是我設置爲0：

 
#steps li { 
    border-radius: 10px; 
    float: left; 
    margin-left: 10px; 
} 
#steps li:first-child { 
    margin-left: 0; 
} 

當我申請PIE到#steps li選擇增加對邊界半徑的支持，第一個列表項是重繪左邊距設置爲10px，就好像#steps li:first-child選擇器不在那裏一樣。我可以告訴它是由於PIE重新繪製了元素，因爲它在正確的位置短暫閃爍，然後在一秒之後移動超過10px。

我試圖將PIE到兩個選擇，但這並不有所作爲，我無法找到有關的PI​​E支持論壇第一胎東西。

Answer 1

看一看官方論壇上的CSS3 PIE Forums - IE :first/last-child overwritten

最終的結果是，你需要添加

#steps css3-container:first-child + li, 
#steps li:first-child { 
    margin-left: 0; 
}