Home/ Questions/Q 7858753
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T21:35:20+00:00

From what I gathered and understood here and there (stop me when I’m wrong)

  • 0

From what I gathered and understood here and there (stop me when I’m wrong) :
child selector (>) works on IE7+ as long as you trigger the standards mode with your doctype, html5’s <!DOCTYPE html> is supposed to do this.

Still, my css:

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

doesn’t seem to reach my 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>
...

in IE8, I have to use the dedicated .ie class I added on targetted <a>s.

Any explaination ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to use the HTML5 Shiv for IE versions under 9:

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