Estilos en <col> y <colgroup>

[Miki13]

¡Hola a todos! El funcionamiento de los estilos en las etiquetas <col> y <colgroup>me desconcierta. Si tenemos, por ejemplo:

Código HTML:

<col id="columna" />
 

y en nuestra hoja de estilos:

Código CSS:

#columna{
   background-color: #0f0;
   width: 200px;
   border-style: 1px solid #000;
   text-align: center;
   font-style: italic;
   color: blue;
 
}
 

...resulta que las tres primeras reglas las cumple según lo esperado, pero la cuarta y la quinta las ignora y la sexta (color: blue) no afecta al texto, sino al color del borde. ¿Alguien me podría explicar el porqué de este comportamiento tan extraño?

Muchas gracias

[pzin]

Básicamente porque se supone que las celdas son descendientes de las filas, pero nunca de columnas. Por eso realmente sólo se pueden aplicar muy pocas propieades a las columnas.

Pero podrías definir los estilos usando nth-child.

Por ejemplo, si tu col consta de dos columnas de la tabla, digamos la segunda y la tercera:

Código CSS:

tr td:nth-child(2), tr td:nth-child(3) {
  text-align: center;
  font-style: italic;
  color: blue;
}
 

[Miki13]

Muchas gracias por tu respuesta.