css子(>)选择器不能在IE8中工作?

前端之家收集整理的这篇文章主要介绍了css子(>)选择器不能在IE8中工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从我在这里和那里收集和理解的东西(当我错了时阻止我):
只要您使用doctype,html5<!DOCTYPE html>触发标准模式,子选择器(>)就可以在IE7上运行应该这样做.

不过,我的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中,我必须使用我在目标< a> s上添加的专用.ie类.

任何解释?

解决方法

您需要在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]-->

猜你在找的CSS相关文章