:CSS和Internet Explorer中的last-child伪类选择器

Question

我有以下代码:

ul.myList li{
     border-right: 1px dotted #000;
}

但是,在最后一个元素上,我需要删除该边框,因为我正在使用的设计指示最后一项不需要边框作为分隔符.

所以,我需要定位一个列表的最后一个孩子,所以在我的CSS中我添加了

ul.myList li:last-child{
     border-right: none;
}

众所周知,在Firefox,Safari和Chrome中都可以正常使用.

问题在于我们在Internet Explore 6到8中查看页面.

Answer 1

所以,经过一番挖掘后,我找到了答案:

如果浏览器的IE <8,请指定如下样式表:

<!--[if lt IE 8]>
<link rel="stylesheet" href="css/ie_all.css" type="text/css" />
<![endif]-->

在IE样式表中指定以下规则:

ul.myList li{
     border-right: expression(this.nextSibling==null?'none':'inherit');
}

该nextSibling表达式如下,看看是否有后的一个元素,如果有继承默认样式表中指定的规则,如果没有它applys一个新的规则.

更多信息可以在这里找到