当前位置:Gxlcms > html代码 > 来帮我看看这个html表格边框颜色怎么弄_html/css_WEB-ITnose

来帮我看看这个html表格边框颜色怎么弄_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:44人阅读

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style type="text/css"><!--.news table td{border:1px solid #F00;}.bac table td{border:1px solid #00F;}--></style><table width="658" height="317" border="0" cellspacing="0px" class="bac" style="border-collapse:collapse" align="center" id="t1"> <tbody><tr> <td>1</td> <td>2</td> </tr> <tr> <td colspan="2"><table width="50%" border="0" align="center" class="news" id="t2"> <tbody><tr> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody></table></td> </tr></tbody></table>

两个表格颜色不一样,为何只有里面那个框显示颜色,我要两个都显示!谢谢!


回复讨论(解决方案)

楼主,你理解的CSS的优先级有误啊,把你的CSS代码改成如下就可以了:

  1. <style type="text/css"> table.bac td{ border:1px solid #00f; } table.news td{ border:1px solid #F00; } </style>

或者直接用ID选择器,如下:
  1. <style type="text/css"> #t1 td{ border:1px solid #00f; } #t2 td{ border:1px solid #F00; } </style>

人气教程排行