如何选择表格中最后一个位于文本输入框后的div元素？

可以通过结合CSS :has() 选择器和结构伪类来实现需求，精准定位到最后一个符合条件的div：

/* 核心选择器 */
tr td:has(input[type="text"] + div):last-of-type div {
  background: orange; /* 示例高亮样式，可按需修改 */
}

选择器说明： #

• td:has(input[type="text"] + div)：先筛选出所有包含「文本输入框（input[type="text"]）紧跟div」结构的表格单元格
• :last-of-type：从上述筛选出的单元格中，选中最后一个
• 末尾的 div：定位到该目标单元格内的div元素

这个写法不受表格单元格位置影响，不管符合条件的td在哪个位置，都能选中其中最后一个对应的div，完美避开nth-*选择器的局限性。

如果之前尝试:has()没成功，大概率是选择器组合逻辑有问题——比如没有明确指定input[type="text"]和div的紧邻关系，或者没有正确用:last-of-type锁定最后一个符合条件的单元格。

内容的提问来源于stack exchange，提问作者thomp361