css child (> )селектор не работает в IE8?

Из того, что я собрал и понял тут и там (остановите меня, если я ошибаюсь): дочерний селектор (> )работает в IE7+, пока вы запускаете стандартный режим с вашим типом документа, предполагается, что <!DOCTYPE html>html5 сделает это.

Тем не менее, мой css :

nav > ul > li > a
{
    padding: 0.2em 2em 0.2em 2em;
    background-color: #FAFAFA;
}
nav > ul > li > a:hover
{
    background-color: #AFAFAF;
}

, кажется, не достигает моего 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>
...

в IE8, мне приходится использовать выделенный класс.ie, который я добавил для целевых <a>s.

Любое объяснение?

7
задан BoltClock 21 November 2013 в 09:58
поделиться