表/TD 边框不会在 echo td 上显示答案

【问题标题】：Table/TD border will not show on echo td表/TD 边框不会在 echo td 上显示
【发布时间】：2017-11-20 06:23:47
【问题描述】：

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

这就是我所拥有的。

// 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>

【问题讨论】：

标签： javascript php css html-table

【解决方案1】：

你还没有关闭你的 th 选择器，所以它下面的样式会考虑无效的语法，并且永远不会执行。

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

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

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

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

希望这会有所帮助！ :)

【讨论】：

谢谢，我刚刚更新了它，它仍然无法工作。我也认为有些东西可以覆盖这种风格，但我找不到。我使用wordpress，这会是样式表的问题吗？不过我也更新了样式表。
您是否尝试过使用 !important 标签来查看它是否会覆盖样式？您还查看了开发人员工具以了解样式的来源？
您可以使用F12 Developer Tools 来检查哪些样式覆盖了您自己的样式。您的选择器确实有效，因此样式很可能被覆盖。虽然!important可能解决了这个问题，但我建议不要使用它，因为它是“最后的手段”。缓存也可能是一个问题。尝试按CTRL + F5 刷新样式表引用，然后在单击刷新图标的同时按住SHIFT 强制清除CSS 缓存。
@ObsidianAge 当我在解释事情时，我肯定会从你那里得到一些提示。很好的解释，谢谢:)

【解决方案2】：

关闭丢失

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

【讨论】：