日期:2014-05-17  浏览次数:20596 次

求个关于table样式的问题

如上图所示,1234分别代表一种样式,如何只调用表格,然后让td的样式自动填充?
就是不用一个一个单元格去调用样式,哪位大哥大姐给个办法,小弟谢谢了

------解决方案--------------------
探讨

引用:
1234是实际存在td里的值?

不是,1234 分别代表一种样式

------解决方案--------------------
如果样式不一样,那就用js吧。
------解决方案--------------------
探讨

引用:
楼主的要求不能实现 不调用样式怎么来给他填充。
用CSS选择器可以实现 但是不兼容。
或者就是JS来选择第几行第几列来调用填充
不过这东西明显没必要用JS实现。

为什么说选择器不兼容?

------解决方案--------------------
比如说这样的代码在chrome下很好,但是我查了资料,ie6-8都不支持:last-child这个伪类选择器,楼主只能用js了,jquery吧
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.d tr:last-child{
    background:red;
}
.d td:last-child{
    color:blue;
}
</style>
</head>
<body>
<table class="d">
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
</table>
<script>
    
</script>
</body>
</html>