Comment définir une classe pour table afin de contrôler le style des lignes de table

Question

Je me demande si je peux définir une classe pouvant également contrôler les styles de ligne dans le tableau.

Disons que je définis une classe "aTable"

.aTable
{
  width:800px;
  border-spacing:2px;
}

Je veux aussi définir les styles de lignes. Ainsi, lorsque j'assigne cette classe à une table, toutes les lignes de cette table suivent le dessin, disons donc: background-color: # e9e9e9;

Answer 1

Vous pouvez y arriver comme ça:

.aTable {
    width: 800px;
    border-spacing: 2px;
}
.aTable tr {
    background-color: #DDD;
}

Answer 2

Pour attribuer une couleur d’arrière-plan à une ligne entière, vous affectez la couleur d’arrière-plan à chaque cellule de cette ligne, c.-à-d.

.aTable tr td { background-color: #e9e9e9: }

Vous pouvez toujours sélectionner des classes ou des éléments spécifiques dans une définition de classe CSS comme celle-ci.

Answer 3

J'aime utiliser less pour rendre CSS plus facile et plus propre. Ensuite, vous pouvez faire ceci:

.aTable {
    width: 800px;
    border-spacing: 2px;
    tr {
        background-color: #DDD;
    }
}