no aplica clase a las columnas de una tabla

Mi comprensión de col es que puede usarse para indicar una clase para todos los elementos en la columna de una tabla. Aunque esto no parece funcionar para mí. Puedo aplicar la clase a td individuales, pero quiero col para ayudarme a evitar esto.

Aquí está la cabeza html:

  .slick { background-color:#b0c4de; /*This always works*/ border-style:solid; /*This doesn't work when only applied to a */ border-width:5px; }   

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

Aquí está el cuerpo html:

  

Eliminar las tags tbody o colgroup no parece importar. El fondo está presente en ambos elementos; el borde solo se aplica al segundo elemento, donde la clase se especifica en la etiqueta td.

Tenía la corazonada de que el borde no funcionaría con col, pero Firebug muestra que el estilo resbaladizo no se aplica a la columna de la izquierda en absoluto. ¿Qué pasa?

De acuerdo con las escuelas w3, solo el atributo de ancho funciona en Firefox. Tampoco parece que el atributo de borde sea compatible.

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

Esto se debe a que la especificación CSS 2.1 define que las diferentes propiedades de borde solo se aplican cuando establece border-collapse: collapse; en el elemento

relacionado.

Además, de acuerdo con CSS 2.1, hay muy pocas propiedades, que se pueden usar para diseñar columnas (con restricciones):

  • propiedades de borde (requieren border-collapse: collapse; en el elemento

    relacionado)

  • propiedades de fondo (solo se aplican si la celda y el fondo de la fila son transparentes)
  • width
  • visibility ( collapse valor evita la representación de las celdas, se recortan las celdas que se extienden a otras columnas)

No tiene que aplicar clases a cada td.

Simplemente puede diseñar el td:

  td { background-color:#b0c4de; border-style:solid; border-width:5px; } 
    Intereting Posts