Appliquer le style CSS à la première cellule du tableau, sur la ligne hover

J'ai une ligne de tableau avec deux types de cellules. Comment puis-je faire en sorte que quand j'ai placez le curseur de la ligne, seul le fond de la première cellule du tableau change de couleur?

#formTable tr:hover {
   background:red; //only want the first cell to change...
                   //...this will do the whole row
}
  • Vous devriez poster votre solution comme une réponse et il faut l'accepter.
InformationsquelleAutor Jon | 2012-12-07
  1. 13

    Cela devrait fonctionner:

    #formTable tr:hover td:first-child {
   background:red;
}

    :first-child: https://developer.mozilla.org/en-US/docs/CSS/:first-child

    InformationsquelleAutor Kevin Boucher
  2. 3

    cela ne fera que le changement de la première cellule de la première ligne:

    #formTable tr:first-child:hover td:first-child{
    background-color: red;
}

    cela va changer la première cellule d'une ligne:

    #formTable tr:hover td:first-child{
    background-color: red;
}
    InformationsquelleAutor w3jimmy