小编oce*_*815的帖子

什么是适当的CSS选择器来选择类中的第一个div或具有特定的id？使用父/子元素这似乎更容易,但我没有找到任何简单元素.

更新:解决方案

我找到的最干净,最兼容的解决方案是.class~ .class,它选择跟在前一类之后的所有后一类.例如,如果要从其类中的第一个元素中删除顶部边框,您将:

<style>
    .dolphin {
        border-top:0;
        }
    .dolphin ~ .dolphin {
        border-top:1px solid #000;
        }
</style>

如何只为IE8浏览器覆盖这种样式(我不认为我对IE7用户太过关心,除非标记非常小)？

#menu ul {
    margin:0;
    padding:0;
    width:650px;
    }
#menu ul li {
    display:inline-block;
    width:110px;
    padding:15px 10px 15px 10px;
    text-align:center;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    background:#e5e5c3;
    }

显然,IE8及以下版本不会在li元素上呈现内联块,所以如何在这个原始CSS文件中有条件地覆盖它？