javascript - 表格/TD 边框不会显示在 echo td 上

Question

我正在回显来自 mySql 的表格。无论我如何输入代码，TD 边框都不显示。 thead 边框显示得很好。

这是我的。

// Loop to show results
while ($row = mysqli_fetch_assoc($result)) {

  echo "<tr>";
  echo "<td style=text-align:center>".$row['ETF'].
  "</td>";
  echo "<td style=text-align:center>".$row['ETF NAME'].
  "</td>";
  echo "<td style=text-align:center>".$row['1 YR Direction %'].
  "</td>";
  echo "<td style=text-align:center>".$row['Holding Name'].
  "</td>";
  echo "<td style=text-align:center>".$row['Industry'].
  "</td>";
  echo "<td style=text-align:center>".$row['Percent Holdings'].
  "</td>";

  "</tr>";
}

echo "</table>";

  <style type="text/css">thead,
th {
  font-weight: bold;
  background-color: #992c29;
  color: #f7f4f4;
  border: 2px solid black;
  tr,
  td {
    border: 2px solid black;
  }
  </style>

Answer 1

您还没有关闭您的th 选择器，因此它正下方的样式正在考虑无效语法，并且永远不会执行。

通过添加缺少的花括号 (}) 关闭您的 th 选择器将解决您的问题:

th {
  font-weight: bold;
  background-color: #992c29;
  color: #f7f4f4;
  border: 2px solid black;
}

tr,
td {
  border: 2px solid black;
}

除此之外，确保没有其他选择器使用更高的 specificity 覆盖您的样式.

希望对您有所帮助! :)