微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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]-->

原文地址:https://www.jb51.cc/css/215435.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。