Introduction

Ce TD traite essentiellement de l'utilisation de la pseudo-classe :hover pour introduire un peu d'interactivité dans des pages web. On a vu dans les deux TDs précédents des exemples dans lesquels un élément change de mise en forme lorsqu'il est survolé par la souris. On écrit par exemple a:hover pour sélectionner "un a survolé par la souris".
On va voir maintenant des exemples dans lesquels des éléments sont modifiés lorsqu'un autre élément est survolé.

Ceci va nous amener à revoir les sélecteurs composés, qui vont s'avérer fort utiles pour arriver à nos fins. On s'est servis ces derniers temps de l'espace, qui permet de sélectionner seulement les éléments contenus dans un type particulier. Par exemple, ul li se lit "ul espace li" et signifie "les li qui sont dans un ul".