寻找包含特定URL的<h2>标签下的<a href="的<ul>

Question

我正在进行一个从DocBook导出到HTML的工作，并且对于HTML的“智能”类别有很少的选项可以添加。

我得到的结构如下：

<h2><a href="我用来标识接下来的UL集合的URL">...</a></h2>
<ul>
...
</ul>

<h2>上没有类别，<ul>上也没有。

所以我的想法是：

选择在包含一个带有HREF属性为“我的URL”的A的H2之后的UL。

一个组合的

h2 ~ ul

是我最初想到的，但我不知道如何指定带有“我想要的HREF属性的A”的H2...

Answer 1

你可以使用 has 选择器来检查 h2 是否有锚点标签，然后定位到紧接着的下一个 ul 选择器。

h2:has(a[href='www.test.com']) + ul {
  color:green;
}

<h2><a href="www.test.com">test</a></h2>
<ul>
变为绿色
</ul>
<h2><a href="www.testing.com">testing</a></h2>
<ul>
不变绿色
</ul>