日期:2014-05-18  浏览次数:20432 次

我是小菜:如何让样式表只作用于一个表格
如何让样式表只作用于一个表格

下面是我用的一个样式表,把它置于页首则页中所有表格都受到影响
问:我如何让它只影响页面中某一个表格而不影响其它的表?
  <style type="text/css">
  .style2
  {
  width: 613px;
  }
  .style3
  {
  width: 313px;
  }
  table
  {
  /*table-layout: fixed;*/
  border-collapse: collapse;
  }
  table, td
  {
  border: 1px solid #A9CBEE;
  }
  </style>
假设只影响下面的这个表(不规则),如何进行修改:
  <table align="center" style="width: 90%;" border="2">
  <tr>
  <td align="center" rowspan="3" valign="top">
  <%# Eval("id")%><br>
  <%# Eval("教师姓名")%>
  </td>
  </td>
  <td class="style2">
  <%# Eval("部门")%>
  <%# Eval("标题")%>
  </tr>
  <tr>
  <td class="style3">
  <%# Eval("文章")%>
  </td>
  </tr>
  <tr>
  <td class="style3">
  发布时间:<%# Eval("发布时间")%>
  </td>
  </tr>
  </table>


------解决方案--------------------
<style type="text/css">
#tbl .style2
{
width: 613px;
}
#tbl .style3
{
width: 313px;
}
#tbl
{
/*table-layout: fixed;*/
border-collapse: collapse;
}
#tbl, td
{
border: 1px solid #A9CBEE;
}
</style>



<table id="tbl" align="center" style="width: 90%;" border="2">
<tr>
<td align="center" rowspan="3" valign="top">
<%# Eval("id")%><br>
<%# Eval("教师姓名")%>
</td>
</td>
<td class="style2">
<%# Eval("部门")%>
<%# Eval("标题")%>
</tr>
<tr>
<td class="style3">
<%# Eval("文章")%>
</td>
</tr>
<tr>
<td class="style3">
发布时间:<%# Eval("发布时间")%>
</td>
</tr>
</table>

------解决方案--------------------
宽度不是已经有了吗 也可以 width: 15%