css定义多个TD

html-css020

css定义多个TD,第1张

晕 楼主好刁钻啊,按照你的意思

<table>

<tr>

<td>第1格</td>

<td>第1格</td>

<td>第2格</td>

</tr>

</table>

这段代码是一点都不能动了? 我做了段js代码,适合你的例子,也只有这种方法了!

<script type="text/javascript">

var firstname=document.getElementsByTagName("td")

firstname[0].style.backgroundColor="red"

firstname[1].style.backgroundColor="blue"

firstname[2].style.backgroundColor="yellow"

</script>

不过这段代码必须加在<table>...</table>后,不能加在<head>内,因为代码有作用必须在页面元素加载完毕后再执行才行,并且在实际中并适合用于大的网页,比如你的页面表格很多,td元素数组长度就很大,遍历时数组下脚值就是个大问题,还是你建议多辅助些css.

设置每个table的样式，比如class=tab1，class=tab2，然后在样式表设置

.tab1 td{这里为tab1的样式}

.tab2 td{这里为tab2的样式}

而不用一个个去设置td class="xx"了 毕竟比较麻烦。

如下代码：

<table >

<td class="style1" >内容</td >

</table >

<table >

<td class="style2" >内容</td >

</table >

在CSS中定义:

.style1 {

}

.style2 (

}

或者是给TD加上class，相同样式用的相同Class，不同样式用的不同Class