no se aplica Clase de las columnas de una tabla

StackOverflow https://stackoverflow.com/questions/3857437

  •  27-09-2019
  •  | 
  •  

Pregunta

Mi comprensión de la col es que puede ser utilizado para indicar una clase para todos los elementos de una columna de la tabla. Esto no parece estar funcionando para mí, sin embargo. Puedo aplicar a la clase td del individuo, pero quiero Col de ayuda a evitar esto.

Aquí está la cabeza html: 

<head>
<style type="text/css">
 .slick {
  background-color:#b0c4de; /*This always works*/
  border-style:solid; /*This doesn't work when only applied to a <col>*/
  border-width:5px;
 }
</style>
</head>

Curiosamente, el color de fondo siempre funciona, pero la frontera falla en algún momento.

Aquí está el cuerpo HTML: 

<body>
<table><tbody>
 <colgroup>
  <col class="slick" />
  <col class="slick" />
 </colgroup>
 <tr id="r1">
  <td><label >Planner/Scheduler/Estimators</label></td>
  <td class="slick"><label >2010</label></td>
 </tr>
</tbody></table>
</body>

La eliminación de las etiquetas o tbody COLGROUP no parece importar. El fondo está presente en ambos elementos; la frontera solamente se aplica al segundo elemento, donde se especifica la clase en la etiqueta td.

Yo tenía el presentimiento de que la frontera no funcionaría con la col, pero muestra que el estilo Firebug mancha no se aplica a la columna de la izquierda en absoluto. ¿Qué pasa?

¿Fue útil?

Solución

De acuerdo con las escuelas W3, sólo el atributo width funciona en Firefox. También no se ve como el atributo frontera se apoya en absoluto.

http://www.w3schools.com/tags/tag_col.asp

Otros consejos

Esto es porque el CSS 2.1 define especificación que la diferente frontera propiedades sólo se aplican cuando se establece border-collapse: collapse; en el elemento <table> relacionado.

Además, según CSS 2.1 sólo hay muy pocas propiedades, que se puede utilizar para columnas de estilo (con restricciones):

  • propiedades de borde (requerir border-collapse: collapse; en la <table>element relacionada)
  • propiedades de fondo (sólo se aplican si el fondo de la celda y fila es transparente)
  • width
  • visibility (evita collapse valor de representación de las células, se recortan las células que abarcan en otras columnas)

Usted no tiene que aplicar a todas las clases td.

Usted puede simplemente el estilo del td: 

 td {
  background-color:#b0c4de;
  border-style:solid;
  border-width:5px;
 }
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top