Como definir uma classe para a tabela para controlar o estilo das linhas da tabela

Estou a pensar se posso definir uma classe que também possa controlar os estilos de linha dentro da mesa.

Digamos que defini uma classe "atável".
.aTable
{
  width:800px;
  border-spacing:2px;
}

também quero definir os estilos de linha. Assim, quando atribuo esta classe a uma tabela, todas as linhas dessa tabela seguiriam o desenho, digamos de fundo-cor:#e9e9e9;

Author: Brian Tompsett - 汤莱恩, 2014-01-22

3 answers

Podes conseguir assim:

.aTable {
    width: 800px;
    border-spacing: 2px;
}
.aTable tr {
    background-color: #DDD;
}
 14
Author: dfsq, 2014-01-22 19:12:08

Para dar a uma linha inteira uma cor de fundo, você atribuiria a cor de fundo a cada célula dessa linha, ou seja

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

Pode sempre seleccionar classes ou elementos específicos dentro de uma definição de classe css como essa.

 2
Author: mboldt, 2014-01-22 19:12:31

Adoro usar menos para tornar o CSS muito mais fácil e mais limpo. Então você poderia fazer isso:

.aTable {
    width: 800px;
    border-spacing: 2px;
    tr {
        background-color: #DDD;
    }
}
 0
Author: apohl, 2014-01-22 19:13:52