如何用XPath在含Developer(s)表头的表格中选择指定Phrase单元格？

完全没问题，不管你是想通过CSS给这个元素加样式，还是用JavaScript获取/操作它，都能轻松做到。下面给你两种常见的实现方式：

方法1：用CSS选择器（适合样式控制） #

利用CSS的:has()伪类先判断表格是否包含Developer(s)表头，再精准定位到Phrase列的目标元素：

/* 当表格存在Developer(s)表头时，高亮Phrase列的"The brown fox"链接 */
table:has(th:contains('Developer(s)')) td:nth-child(2) a[href="#first"] {
  color: #e74c3c;
  font-weight: 700;
  text-decoration: underline;
}

注意：:has()和:contains()伪类在现代浏览器（Chrome 105+、Firefox 121+等）中支持良好，如果需要兼容旧版浏览器，建议用下面的JavaScript方法。

方法2：用JavaScript（适合DOM操作/获取内容） #

先检查表格是否存在指定表头，再定位到目标元素进行操作：

// 检查表格是否包含"Developer(s)"表头
const tableHasDeveloperHeader = [...document.querySelectorAll('table th')].some(th => th.textContent.trim() === 'Developer(s)');

if (tableHasDeveloperHeader) {
  // 获取Phrase列的"The brown fox"元素
  const targetElement = document.querySelector('table td:nth-child(2) a[href="#first"]');
  
  if (targetElement) {
    // 这里可以做你需要的操作，比如打印内容、修改样式
    console.log('目标元素内容:', targetElement.textContent.trim());
    targetElement.style.backgroundColor = '#f1c40f';
  }
}

核心逻辑很简单：先确认表格满足「包含Developer(s)表头」的条件，再通过列位置（Phrase是第二列）或者元素自身特征（href="#first"）定位到你要的The brown fox元素。

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