HTML：将 <div> 放入 <col>

Question

我有一个表格，当我单击它时，我试图让一个模态（视觉上）出现在表格的一列上方。

到目前为止，我发现“查找”表格列的最佳方法是使用 <colgroup> 和 <col> 标签。为了实现我想要的，我需要能够在列内放置一个<div>。天真地将<div> 放在<col> 标记下方是行不通的，尝试将<col> 本身用作容器也行不通。

有人对如何做到这一点有任何建议吗？或者，有没有更好的方法用<div> 包装表格中的列？

谢谢！

Answer 1

不可能将列包装在元素中。

<col /> 元素仅用于描述列的呈现方式（并且以有限的方式）。

表的标记结构完全基于行。这是对 HTML 作为分层语言的本质的限制。

---

如果您的目标是添加元素，以便您可以将其与后代组合器一起使用以使用 CSS/JS 选择所有单元格，那么请考虑使用 :nth-child。