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