28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un menu horizontal en css fait bien entendu avec les balises ul et li.
Ce que je cherche à faire c'est que le 1er point de menu soit différente des sous menu.

Si je fait :
#menu li {
    border: 1px solid red;
}
Tout les li auront un bord rouge.
mais si je fait :
#menu > li {
    border: 1px solid red;
}

j’obtiens bien ce que je souhaite.

Ma question est de savoir si tout les navigateurs et surtout les anciennes version de IE interprète bien cette méthode (#menu > li)

Merci
Modifié par christobal (11 Feb 2013 - 10:12)
Pas si ancien que cela.
FF 16, Chrome 23, safari 5.1, se sont de versions récente.
Quel méthode utiliser pour que se soit compatible avec des versions plus ancienne de FF chrome et safari ?

Merci
C'est compatible jusqu'à firefox 1.0, safari 1.3 et chrome 2

Ainsi qu'avec Internet Explorer à partir de la version 8

Et pour la version 7, ça passe si tu ne mets pas des commentaires entre les élémént:

Source: http://reference.sitepoint.com/css/childselector

Celà dit, pour Internet Explorer, tu peux utiliser IE9.js, ça marche très bien pour ce genre de chose
Modifié par Charlycoste (05 Feb 2013 - 13:53)