仅 CSS 不可能做到这一点(尽管您可以使用Javascript分配类以使其能够通过CSS部分实现)。要使用纯Javascript而不是库:
var table = document.getElementById('tableID');var tbody = table.getElementsByTagName('tbody')[0];var cells = tbody.getElementsByTagName('td');for (var i=0, len=cells.length; i<len; i++){ if (parseInt(cells[i].innerHTML,10) > 5){ cells[i].style.backgroundColor = 'red'; } else if (parseInt(cells[i].innerHTML,10) < -5){ cells[i].style.backgroundColor = 'green'; }}或者,使用CSS类:
var table = document.getElementById('tableID');var tbody = table.getElementsByTagName('tbody')[0];var cells = tbody.getElementsByTagName('td');for (var i=0, len=cells.length; i<len; i++){ if (parseInt(cells[i].innerHTML,10) > 5){ cells[i].className = 'red'; } else if (parseInt(cells[i].innerHTML,10) < -5){ cells[i].className = 'green'; }}


