Foros del Web » Creando para Internet » CSS »

Estilos en <col> y <colgroup>

Estas en el tema de Estilos en <col> y <colgroup> en el foro de CSS en Foros del Web. ¡Hola a todos! El funcionamiento de los estilos en las etiquetas <col> y <colgroup>me desconcierta. Si tenemos, por ejemplo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original ...
  #1 (permalink)  
Antiguo 20/12/2013, 06:49
 
Fecha de Ingreso: febrero-2013
Ubicación: Salamanca
Mensajes: 4
Antigüedad: 11 años, 9 meses
Puntos: 0
Estilos en <col> y <colgroup>

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

Código HTML:
Ver original
  1. <col id="columna" />

y en nuestra hoja de estilos:

Código CSS:
Ver original
  1. #columna{
  2.    background-color: #0f0;
  3.    width: 200px;
  4.    border-style: 1px solid #000;
  5.    text-align: center;
  6.    font-style: italic;
  7.    color: blue;
  8.  
  9. }

...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

Última edición por pzin; 20/12/2013 a las 07:03 Razón: formato código
  #2 (permalink)  
Antiguo 20/12/2013, 09:55
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Estilos en <col> y <colgroup>

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:
Ver original
  1. tr td:nth-child(2), tr td:nth-child(3) {
  2.   text-align: center;
  3.   font-style: italic;
  4.   color: blue;
  5. }
  #3 (permalink)  
Antiguo 22/12/2013, 23:22
 
Fecha de Ingreso: febrero-2013
Ubicación: Salamanca
Mensajes: 4
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Estilos en <col> y <colgroup>

Muchas gracias por tu respuesta.

Etiquetas: columnas, comportamiento, estilos, style, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 21:18.