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

标签 css internet-explorer internet-explorer-8 css-selectors

根据我在这里和那里收集和理解的内容(当我错了时阻止我): 只要您使用文档类型触发标准模式,子选择器 (>) 就可以在 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;
}

似乎无法访问我的 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> 上添加的专用 .ie 类

有什么解释吗?

最佳答案

您需要使用 HTML5 Shiv对于 9 以下的 IE 版本:

<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

关于css 子 (>) 选择器在 IE8 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10306853/

相关文章:

javascript - IE8 |不是对象错误

css - Material UI表格中排序图标的样式怎么改?

android - 嵌入在 html5 中的 mp4 的跨平台语法

html - 如何使标准模式和怪异模式一起工作?

javascript - IE 10+ 无法解析用自己的 Date.prototype.toLocaleString 生成的日期字符串

javascript - Chrome /IE : 'mousemove' event triggered every couple of seconds with no movement/scroll/etc

ruby-on-rails - Devise gem 在暂存阶段不适用于 IE8(但适用于 Chrome 和 Firefox)

javascript - 更改 contenteditable div 中文本的颜色

html - 如何让这个div居中对齐?

html - 如何在 Bootstrap 中拉伸(stretch)容器以适应整个页面