尋找包含特定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>