css - 将css应用于表格中的字体

Question

我想知道我哪里出错了，我想将字体 verdana 应用于“将此字体更改为 verdana”。

我已经从其他表行中删除了竞争，以使代码看起来更清晰。我已将 css 样式设置为此部分，但上传字体时根本没有改变。

代码是：

<style type="text/css">
#form1 tbody tr td {
    font-family: Verdana, Geneva, sans-serif;
}
</style>


<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<form action="upload_ac.php" method="post" enctype="multipart/form-data" name="form1" id="form1">

<tr>
<td><strong>Title 1</strong></td>

</tr>

<tr>
<td>To Change this font to verdana.<br>
  <br></td>
</tr>

<tr>
<td>&nbsp;</td>
</tr>

<tr>
<td></td>
</tr>



<tr>
<td align="center">&nbsp;</td>
</tr>
</form>


<tr>
<td>
<!-- start here-->


<form action="http://www./cookie5payment/freecontact2formprocess.php" method="post"> 
<table class="freecontact2form" border="0" width="400px">
<tbody>
<tr>
<td colspan="2"><span style="font-size: x-small;"> </span> <br /> <br /></td>
</tr>

<tr>

  <td>&nbsp;</td>

</tr>




<tr>


<td><br></td>
<td></td>


</tr>



<tr>
<br>

<td valign="top">&nbsp;</td>
</tr>

<tr>
<td style="text-align:center" colspan="2"><br /><br />
  <br /><br /> 


 <br /><br /></td>
</tr>
</tbody>
</table>
</form>


<!-- end here -->

</td>
</tr>

</table>


</tr>

Answer 1

您的代码没有按预期工作，因为您使用标识符#form1来定位该表单内的表，但是您在表单外启动表，因此 css 选择器无法找到它。改变你的html的顺序如下（即切换formandtable标签）

<form action="upload_ac.php" method="post" enctype="multipart/form-data" name="form1 id="form1">
    <table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">

这是一个小提琴来说明这一点