HTML表格首行粘性滚动兼容处理：适配有无thead的场景

你需要补充针对含<thead>表格的CSS规则，同时调整原有规则的选择器，确保只作用于无<thead>的表格：

/* 无thead的表格：选中表格的第一行tr */
.wp-block-table:not(:has(thead)) tr:first-child {
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 25vw;
  background: white;
}

/* 有thead的表格：选中thead内的所有tr（即表头行） */
.wp-block-table:has(thead) thead tr {
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 25vw;
  background: white;
}

说明： #

• :not(:has(thead)) 确保原有规则仅对不含<thead>的表格生效，避免干扰带<thead>的表格结构。
• :has(thead) 精准匹配含<thead>的表格，再通过thead tr选中真正的表头行，实现粘性滚动效果。
• 若浏览器兼容性允许，也可简化为直接给thead tr设置样式（无需:has），但用:has能更明确地区分两种场景，降低后续样式冲突风险。

内容的提问来源于stack exchange，提问作者Piyush-Ask Any Difference