importante problema con tablas HTML

[ferbad12]

Hola a todos muchas gracias por leer mi duda me gustaria que alguien me aconseje sobre el problema que se me presenta
Resulta que tengo una tabla a la que le he aplicado la propiedad colgroup para que a las primeras 3 columnas les asigne un color de fuente rojo
pero resulta que funciona correctamente en Internet Explorer pero no pasa nada en Firefox y Chrome

Este es el código

<table border="1">
<colgroup span="3" style="color: red"></colgroup>
<tr>
<th>Countries</th>
<th>Capitals</th>
<th>Population</th>
<th>Language</th>
</tr>
<tr>
<td>USA</td>
<td>Washington D.C.</td>
<td>309 million</td>
<td>English</td>
</tr>
<tr>
<td>Sweden</td>
<td>Stockholm</td>
<td>9 million</td>
<td>Swedish</td>
</tr>
</table>

[pitufoweb]

Podrías empezar por no repetir los temas http://www.forosdelweb.com/f53/probl...sejos-1040223/


y cual seria la parte "importante" del problema???






Saludos

[ferbad12]

Gracias amigo perdona pero soy novato en esto
Publique dos veces por error
Te agredezco tu respuesta

Necesito hacerlo compatible para ambos navegadores. Si pruebo con background-color me funciona el color de fondo en todos los navegadores
Pero color no funca en firefox y chrome
La otra solucion sería crear una clase css y aplicarselo a cada celda
Pero necesito saber si existe otra solución
Gracias por contestar

[pzin]

Iniciado por ferbad12

Si pruebo con background-color me funciona el color de fondo en todos los navegadores
Pero color no funca en firefox y chrome

Y que no funcione en Firefox y Chrome es lo correcto.

En colgroup y col sólo puedes usar los atributos border, background, width y visibility.

http://www.w3.org/TR/CSS21/tables.html#columns

[ferbad12]

Gracias amigo Bonez por tu respuesta
Lo hice con dreamweaver en diseño
y lo que hizo fue crear una clase css con un color de fuente y aplicarselo a cada celda que queria pintar
Me parecio extraño por en Internet Explorer 8 me funciono perfecto el codigo que te pase
Pero ahora con tu respuesta me saque la duda
Perdona soy novato en el tema
Te agradezco mucho tu respuesta Un abrazo

[yoelrola]

por lo que yo se el style color no funciona en colgroup

[Rafael]

En mi opinión sí es una deficiencia de la especificación no poder cambiarle el color.

Puedes usar un estilo con pseudo elements a la primera tabla de cada fila digamos:
td:first-child {color: #000;}
a la segunda con un + td
td:first-child + td {color: #000;}

O con la propiedad
td:nth-child(3) {color: #000}

y así te sigues.

o asignarle un class a cada celda inicial.

nth-child acepta cosas curiosas como ecuaciones para formatear por ejemplo cada 3 columnas (o lo que sea) y cosas así.