如何仅为HTML表格文本设置CSS颜色而非边框？

当然可行，问题出在边框颜色默认会继承元素的color属性值，所以当你给.class1设置color: red时，它的子元素td的边框也继承了这个红色。只需要给表格的边框指定固定颜色，就能让文本变红而边框保持原本的样式。

修改方案一：指定边框固定颜色 #

直接在边框样式里明确颜色值，避免继承文本颜色：

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

<head>
  <meta charset="utf-8">
  <style>
    .class2,
    .class2 tr,
    .class2 td {
      border: solid 2px #000; /* 明确设置边框为黑色 */
      border-collapse: collapse;
    }
    
    .class1{
      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>

修改方案二：精准作用于文本元素 #

把样式直接定位到tr下的td，只改变文本颜色，不影响边框的继承逻辑：

/* 替换原有的.class1样式 */
.class1 td {
  color: red;
}

内容的提问来源于stack exchange，提问作者Damn Vegetables