解决动态生成HTML表格中CSS样式仅应用于首行的问题

// ... 部分代码省略
<table>
  <tr>
    <th>Project</th>
    <th>Question</th>
    <th>Sample</th>
  </tr>
  <?php
  for ($a=0;$row = $sth->fetch();$a++) {
  ?>
        <tr>
            <td><?php echo $row->Proj_Name; ?></td>
            <td><?php echo $row->Question;?></td>
            <td><?php echo $row->sample;?></td>
            <br><br> <!-- 注意：<br>标签不应直接放在<tr>内部，会破坏表格结构 -->
        </tr>
    </table> <!-- 错误：</table>标签在循环内部 -->

    <?php
  }
  // ... 部分代码省略

<?php
$con = new PDO("mysql:host=localhost;dbname=data",'root','admin123'); // 建议使用更安全的数据库连接配置
if (isset($_POST["submit"])) {
    $str = $_POST["search"];
    // 建议使用参数绑定来防止SQL注入，例如:
    // $sth = $con->prepare("SELECT * FROM `questions` WHERE question LIKE :search_term");
    // $sth->bindValue(':search_term', '%' . $str . '%', PDO::PARAM_STR);
    $sth = $con->prepare("SELECT * FROM `questions` WHERE question LIKE '%$str%'");

    $sth->setFetchMode(PDO:: FETCH_OBJ);
    $sth->execute();
?>
<table>
  <thead> <!-- 建议使用<thead>来包裹表头，提升语义化 -->
    <tr>
      <th>Project</th>
      <th>Question</th>
      <th>Sample</th>
    </tr>
  </thead>
  <tbody> <!-- 建议使用<tbody>来包裹表格主体内容 -->
  <?php
  while ($row = $sth->fetch()) { // 使用while循环更符合PDO fetch的习惯
  ?>
        <tr>
            <td><?php echo htmlspecialchars($row->Proj_Name); ?></td> <!-- 建议对输出内容进行HTML转义 -->
            <td><?php echo htmlspecialchars($row->Question);?></td>
            <td><?php echo htmlspecialchars($row->sample);?></td>
            <!-- 移除 <br><br>，如果需要间距请通过CSS控制 -->
        </tr>
    <?php
  }
  ?>
  </tbody>
</table>
<?php
}
?>

body {
  background-color: white;
}

h1 {
  color: black;
}

td {
  color: black;
  font-family: sans-serif;
}
th {
  color: blue;
  font-family: sans-serif;
}