internet-explorer - CSS3 PIE 与 :first-child 冲突

Question

我正在使用CSS3 PIE为 IE8 及更早版本添加对边框半径的支持，它与 :first-child 选择器冲突。

基本上，我有三个列表项向左浮动。每个都有 10px 的左边距，除了第一个，我设置为 0：

#步骤李{
    边框半径：10px；
    向左飘浮;
    左边距：10px；
}
#steps li:first-child {
    左边距：0；
}

当我将 PIE 应用于#steps li选择器以添加对边框半径的支持时，第一个列表项将重新绘制，左边距设置回 10px，就好像#steps li:first-child选择器不存在一样。我可以说这是由于 PIE 重绘了元素，因为它在正确的位置短暂闪烁，然后在一瞬间移动超过 10px。

我已经尝试将 PIE 应用于两个选择器，但这并没有什么不同，而且我无法在 PIE 支持论坛上找到与第一个孩子有关的任何内容。

Answer 1

在CSS3 PIE 论坛上查看官方论坛 - IE :first/last-child overwritten

最终结果是您需要添加

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