Sélecteur d'adjacence d'élément suivis par...

Bonjour,

Je suis actuellement un peu embêté.
Je suis en train de chercher un selecteur qui, je crois, n'existe pas.

<div id="series">
	<dl>
		<dt>Genre 1</dt>
			<dd><a href="#">Série 1</a></dd>
			<dd>Série 2</dd>
			<dd><a href="#">Série 3</a></dd>
		<dt>Genre 2</dt>
			<dd><a href="#">Série 4</a></dd>
	</dl>
</div><!-- series -->

Ce qu'il me faudrait, c'est un sélecteur d'adjacence, mais ce n'est pas le "+" qu'il me faut.


En effet, dans le cas présent, je ne veux pas sélectionner le <dd> qui n'est pas immédiatement précédé d'un <dt> comme sur l'exemple ci dessous :

#series dt + dd {}

Mais le <dd> qui est immédiatement suivis d'un <dt>.

Je ne veux pas utiliser de :nth-child(n) car c'est un menu dynamique.

Y a t'il une solution élégante ?

bonjour,
et :

dt+dd:first-of-type  {}

ou plus 'simple'.

dt + dd {/*set */}
dd+dd {/* reset */}

Cdt,

c'est pas plutot le dernier dd de tes séries que tu cherches ?

#series dt dd:last-child {}

Modifié par Zebrou (29 May 2013 - 20:56)