css - 特定类中所有 td 和 th 元素的单个 CSS 选择语句

Question

这应该很简单，但答案让我望而却步。我有什么工作，但它由两个 select 语句而不是 1 组成。我想选择带有 class 的元素内的所有元素th和元素。td.table-std

我在表格中得到的结果是 table-std 类具有正确的边框（在表格周围和每个单元格周围，边框折叠）。其他不属于此类的表不受影响。

.table-std th {
    border: 1px solid var(--border-color);
    padding: 0.25em;
}

.table-std td {
    border: 1px solid var(--border-color);
    padding: 0.25em;
}

这会选择 .table-std 中的所有 td

.table-std th td {
    border: 1px solid var(--border-color);
    padding: 0.25em;
}

这似乎选择了 .table-std 中的所有 td

.table-std th td {
    border: 1px solid var(--border-color);
    padding: 0.25em;
}

这似乎选择了 .table-std 中的所有 th 和 td，但至少也选择了其他表中的所有 td。

.table-std th, td{
    border: 1px solid var(--border-color);
    padding: 0.25em;
}

与此相同。

.table-std, th, td{
    border: 1px solid var(--border-color);
    padding: 0.25em;
}

标签： csshtml-tablecss-selectors

Answer 1

使用这个选择器：

.table-std th,
.table-std td {
    border: 1px solid var(--border-color);
    padding: 0.25em;
}