> Queria colocar uma tr branca e outra preta em minha tabela.
> Querendo que minha tabela fique como uma zebrinha.
Com CSS3 é possível, mas infelizmente ainda é pouco suportado. Procure pelos pseudo-elementos :odd e :even, por exemplo. Ainda há o "n*2", mas no seu caso é queimar cartucho à toa.
> Dimitri, se não me engano, não é possível fazer isso somente com CSS. o > jeito é usar um javascript para que ele faça isso pra você
Se você não se importa se vai funciona na maioria dos lugares, use CSS 3 e espere que os demais browsers evoluam. Se for importante então faça o output certinho pelo servidor. Fazendo só com JavaScript me passa a impressão de que não é importante além de repassar processamento desnecessário ao cliente (se for uma listagem grande não é nada rápido, pelo menos no meu micro antigo kkkkkkk).
Como o Jonas falou: se não for essencial, deixe isso lá e um dia as pessoas irão trocar de navegador (instalarão o Opera!) e verão as coisas como devem ser. Se for essencial, coloque um 'class="even"' vindo do servidor e use um "tr.even { }". Fazer esse tipo de coisa por JavaScript numa lista que não será alterada ao longo do tempo não faz sentido.
> ":not(:odd)" não seria o equivalente (só que gastando mais
> processamento) do ":even"?
Isso. Eu estava digitando só :odd, mas depois li no título da thread
que ele quer as tr's PARES a solução mais simples que achei na hora de
digitar foi negar o odd :). :even faz a mesma coisa.
> Isso é exatamente o CSS3 que eu sugeri na
> primeira resposta.
tr:even funciona no css3? Não testei aqui mas lembro que já usei
tr:nth-child(even) ou tr:nth-child(2n)
> Como o Jonas falou: se não for essencial, deixe isso lá e um dia
> as pessoas irão trocar de navegador (instalarão o Opera!) e verão as
> coisas como devem ser. Se for essencial, coloque um 'class="even"'
> vindo do servidor e use um "tr.even { }". Fazer esse tipo de coisa por
> JavaScript numa lista que não será alterada ao longo do tempo não faz
> sentido.
|
