css child(>)选择器在IE8中不起作用?

r--*_*--k 7 css internet-explorer css-selectors internet-explorer-8

从我在这里和那里收集和理解的东西(当我错了时停止我):只要你用你的doctype触发标准模式,子选择器(>)就可以在IE7 +上运行,html5 <!DOCTYPE html>应该这样做.

不过,我的css:

nav > ul > li > a
{
    padding: 0.2em 2em 0.2em 2em;
    background-color: #FAFAFA;
}
nav > ul > li > a:hover
{
    background-color: #AFAFAF;
}
Run Code Online (Sandbox Code Playgroud)

似乎没有达到我的HTML:

<!DOCTYPE html>
...
<body>
<header>
    <nav>
        <a class="inblock valignC logo" href="/"><img src="static/img/logo.gif" /></a>
        <!--Menu nav : LOGO | Agence | Portfolio | Equipe | Clients | Contact-->
        <ul class="inblock valignC">
            <li class="inline"><a class="ie" href="/agence/">Agence</a></li>
        ...
        </ul>
...
Run Code Online (Sandbox Code Playgroud)

在IE8中,我必须使用我在目标<a>s 上添加的专用.ie类.

任何解释?

Cod*_*ick 11

您需要在9下使用HTML5 Shiv for IE版本:

<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
Run Code Online (Sandbox Code Playgroud)