Mudar a cor da linha da tabela por uma classe em tr

Quero mudar a cor de fundo de todo o td num tr só usando uma classe no tr. Estou a usar o seguinte css

tr .yellow td{
background-color: yellow;

}

e eu tenho o seguinte html

<tr class="yellow"><td></td> <td></td></tr>

mas a cor de fundo não está a mudar. Qual é o erro aqui?

 1
Author: scunliffe, 2015-05-14

1 answers

Você tem um espaço antes da classe na sua declaração CSS

tr.yellow td{
  background-color: yellow;
}

Você precisa remover o espaço para indicar que a classe está no elemento <tr>. Sem ele você está sugerindo que a hierarquia é:

Depois algo com uma classe de "amarelo" , depois um td.

Por exemplo

<tr>
  <sometag class="yellow">
    <td>

Que não é Como é o teu DOM.

 6
Author: scunliffe, 2015-05-14 17:10:40