如何解决特定类中所有td和th元素的单个CSS select语句
这应该很简单,但是答案让我难以理解。我的工作原理是,它由两个select语句而不是1组成。我想在一个类为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;
}
解决方法
使用此选择器:
.table-std th,.table-std td {
border: 1px solid var(--border-color);
padding: 0.25em;
}
,
确保.table-std类仅与要编辑的 th&td 相关。
并在问题中使用倒数第二个
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。