Mettre en forme un élément suivant un autre(CSS)

[milkiway]

Bonjour,

Comment indiquer dans le CSS la mise en forme pour un élément directement suivi d'un autre élément.

Exemple :

Code: Tout sélectionner

<h1>Titre</h1>
<ul>
<li>blabla</li>
</ul>

Je voudrais mettre en forme l'UL qui se trouve après le h1

Merci

[moktoipas]

h1 + ul
{
//mise en forme
}

ce ne marche probablement pas sous IE6 et peut etre sous le 7.

[jeroen]

c'est pas plutôt ça ?

Code: Tout sélectionner

h1 > ul
{
...
}

[moktoipas]

non, ca c'est pour selectionner un UL qui est DANS un H1.

[jeroen]

ah oui, j'avais mal lu ! Merci !

[e-kiwi]

>> h1 + ul

tiens je ne connais pas. c'est expliqué ou ?

[moktoipas]

http://www.w3.org/TR/REC-CSS2/selector. ... -selectors

[Florent V.]

Sinon, pour une méthode compatible IE, il faudra :
- soit englober le h1 et le ou les ul à styler dans un div ayant une classe ou identifiant donné, et faire, par exemple :

Code: Tout sélectionner

div#introduction h1 {...}
div#introduction ul {...}

- soit utiliser une classe ou un identifiant sur le ul en question, par exemple :

Code: Tout sélectionner

ul.post-h1 {...}

[moktoipas]

Effectivement apres tests, ca ne marche pas du tout dans IE... C'est pourtant du CSS 2 ...

[e-kiwi]

moktoipas> merchi !

[milkiway]

Merci !!! Ah bha je me disais bien !!
J'avais fait H1+UL et ça ne marchait pas mais je ne disposait que d'IE 6 pour tester. Grrr j'ai tourné en rond pour rien.