我正在为这个问题抓狂——这让我发疯，因为它应该如此简单。
在我的网站中，我使用 :last-child删除 border-bottom来自 Twitter 提要的最后一个元素:
ul#twitter li:last-child {
border: none;
}
这在 Firefox/Chrome 中工作正常，但在 IE8 中不行，因为 IE8 不支持最后一个子项。所以，我转向 jQUery 并将其放入我的 <head> 中
<!--[if IE 8]>
<script type="text/javascript">
$(document).ready(function(){
$('ul#twitter li:last-child').css('border','none !important');
});
</script>
<![endif]-->
这没有效果吗？我尝试过使用外部文件，使其不特定于 IE8，无论是否准备好文档...我还尝试在 Firebug 中测试选择器，以确保我的 jQuery 正确并且一切正常？有什么想法吗？
感谢您的帮助
最佳答案
你的代码很好，问题发生是因为你在页面底部包含了 jQuery 库，但你在顶部运行了 IE8 脚本。
jQuery 尚未加载，因此您的脚本失败(并引发错误，'$' 未定义)
将代码移到 jQuery 包含之后，您就应该设置好了。
关于jQuery 和 last-child 在 IE8 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10062062/