HTML 表格 CSS 颜色仅用于文本，不用于边框？答案

【问题标题】：HTML table CSS colour only for text, not for border?HTML 表格 CSS 颜色仅用于文本，不用于边框？
【发布时间】：2022-12-04 23:12:26
【问题描述】：

我尝试了以下方法，但它使边框也变红了。我只想将文本设为红色。那可能吗？

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <style>
    .class2,
    .class2 tr,
    .class2 td {
      border: solid 2px;
      border-collapse: collapse;
    }
    
    .class1 td {
      color: red;
    }
  </style>
</head>

<body>
  <table class="class2">
    <tr class="class1">
      <td>hello</td>
      <td>world</td>
    </tr>
    <tr>
      <td>hello</td>
      <td>world</td>
    </tr>
  </table>
</body>

</html>

【问题讨论】：

如果你没有为边框设置颜色，它使用当前颜色，这是元素上设置的颜色，所以 td inside class1 将有边框和文本红色。

标签： css

【解决方案1】：

从 .class1 td 中删除 td ， td 也会导致在表格上应用样式，如果没有指定其他内容，颜色标签仅适用于文本

【讨论】：