Css：如何将表和列规范组合成一个选择器？

我有一张表，我已经给了class

class1

。我想写css来为它和它的列设置边框。我在下面这样做了，但有没有重写的方法将其合并到一个选择器中

.class1 {
    border: 1px solid black;
     border-collapse: collapse;
}
table.class1 td {
    border: 1px solid black;
}

---

您可以将两个选择器合并为一个选择器，表格单元格上的边框折叠将被忽略，但边框将被应用：

.class1, table.class1 td {
    border: 1px solid black;
    border-collapse: collapse;
}

你可以写：

table.class1,
table.class1 td {
    border: 1px solid black;
    border-collapse: collapse;
}

当然

边框塌陷：塌陷td

，code>将被忽略，但它仍将应用于

表

---

Ref：请参见

您可以这样做：

• 通过组合选择器

  table.class1，
  表1.1 td{
  边框：1px纯黑；
  边界塌陷：塌陷；
  }

  
  吉尔
  史密斯
  50
  前夕
  杰克逊
  94
  

  如果您希望得到与示例CSS相同的结果，其他人提出的建议将不起作用。这是你的
  原始CSS：
  其他人建议 但这和你的规则不一样
  它与 这是而不是您给我们缩短的css
  如果希望属性声明不被冗余定义，则
  这样说：

  ---

  请注意，虽然

  td将忽略
  border collapse
  ，但这只是巧合，因为OP也可能要求完全不同的元素和样式。
  我想补充一点，第一个选项通常更可取，因为HTML更干净，更易于维护。顺便说一句，第二个是一个很好的观点，因为这个问题是关于“单一选择器”的。我在回答的最后提到了一些东西，但是我应该说得更清楚一些；正在编辑。请选择最佳答案。：-）
  .class1 {
      border: 1px solid black;
      border-collapse: collapse;
  }
  table.class1 td {
      border: 1px solid black;
  }
  
  .class1, table.class1 td {
      border: 1px solid black;
      border-collapse: collapse;
  }
  
  .class1 {
      border: 1px solid black;
      border-collapse: collapse;
  }
  table.class1 td {
      border: 1px solid black;
      border-collapse: collapse;
  }
  
  .class1, 
  table.class1 td {
      /* all properties both elements have in common */        
      border: 1px solid black; 
  }
  .class1 {
      border-collapse: collapse;
  }