css - テーブルのフォントに CSS を適用する

Question

どこが間違っているのか知りたいのですが、「このフォントを verdana に変更するには」に font verdana を適用したいです。

コードをわかりやすくするために、表の他の行から contend を削除しました。このセクションに 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">

これを説明するためのフィドルがあります