html中table加常用class属性,如何在html col中使用class属性

看这里

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

您只能使用cols设置边框,背景,宽度和可见性

编辑

jQuery解决方案

使用这个小jQuery代码片段,您可以将col标记中的所有类名复制到相应的td标记

它甚至可以在coland td标签和嵌套表中使用colspan.

JavaScript的

$(document).ready(function() {

var find_TDs_at_COL = function(table, col) {

var ret = [];

$(table).children('tbody').children('tr').each(function() {

var col2 = 0;

$(this).children('td,th').each(function() {

oldCol2 = col2;

if ($(this).attr('colspan')) {

col2 += parseInt($(this).attr('colspan'));

} else {

col2++;

}

if (oldCol2 <= col && col2 > col) {

ret.push(this);

}

})

})

return $(ret);

}

$('table > colgroup').each(function() {

var $table = $(this).parent();

var col = 0;

$(this).children('col').each(function() {

var oldCol = col

if ($(this).attr('colspan')) {

col += parseInt($(this).attr('colspan'))

} else {

col++;

}

for (var i = oldCol; i < col; i++) {

find_TDs_at_COL($table, i).addClass($(this).attr('class'))

}

})

})

})​

$(document).ready(function() {

"use strict";

var find_TDs_at_COL = function(table, col) {

var ret = [];

$(table).children('tbody').children('tr').each(function() {

var col2 = 0;

$(this).children('td,th').each(function() {

var oldCol2 = col2;

if ($(this).attr('colspan')) {

col2 += parseInt($(this).attr('colspan'));

} else {

col2++;

}

if (oldCol2 <= col && col2 > col) {

ret.push(this);

}

})

})

return $(ret);

}

$('table > colgroup').each(function() {

var $table = $(this).parent();

var col = 0;

$(this).children('col').each(function() {

var oldCol = col

if ($(this).attr('colspan')) {

col += parseInt($(this).attr('colspan'))

} else {

col++;

}

for (var i = oldCol; i < col; i++) {

find_TDs_at_COL($table, i).addClass($(this).attr('class'))

}

})

})

})

.left-info

{

font-size:14px;

font-family:Tahoma, Helvetica, sans-serif;

color:#1A5B71;

font-weight:bold;

text-align:right;

}

.right-info

{

font-size:14px;

font-family:Tahoma, Helvetica, sans-serif;

color:#00FFFF;

font-weight:bold;

text-align:left;

}

.extra-info {

font-size:14px;

font-family:Tahoma, Helvetica, sans-serif;

color:#ff0000;

font-style: italic;

text-align:right;

}

.additional-info {

font-size:10px;

font-family:Tahoma, Helvetica, sans-serif;

color:#ffdd00;

}

A	B	C	C	C	D
3476896	My first HTML		Extra	Yes	Add
5869207	My first CSS	Ugh			Don't trust
54379	My first JS	Trust