28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous
Je suis un débutant est je bute sur un problème qui ne doit pas être spécialement compliqué mais que je n'arrive pas à résoudre.
J'ai un tableau, tout ce qu'il y a de plus classique. Mon but est que l'entête de la ligne et l'entête de la colonne change de couleur lorsque la souris survole une cellule du tableau.

J'ai réussi uniquement la première étape: au survol d'une cellule, l'entête de ligne change bien de couleur.
Pour cela j'ai utilisé la règle suivante:
tr+tr:hover th{
	background-color:red;
	color:#fff;
}


Pour la deuxième étape, c'est l'échec. Je pensais modifier mes entêtes th de colonne en déclarant des 'col' dans un 'colgroup' puis faire la règle suivante
col:hover th{
	background-color:red;
	color:#fff;
}

Cela ne fonctionne pas.
Y a-t-il un moyen via CSS de changer une entête de colonne au survol d'un cellule, ou va-t-il falloir se tourner vers du Js ?
Modifié par c2k (09 Dec 2011 - 15:23)