Suchen Sie nach <a href="<ul>s unter <h2>-Tags, die eine bestimmte URL enthalten

Question

Ich arbeite an einem Export von DocBook nach HTML und es gibt nur sehr wenige Optionen zum Hinzufügen für die „intelligente“ HTML-Kategorie.

Die Struktur, die ich bekomme, ist wie folgt:

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

Es gibt keine Kategorien für

<h2> und auch nicht für <ul>.

Meine Gedanken sind also:

Wählen Sie die UL nach H2 aus, die ein A mit dem HREF-Attribut „Meine URL“ enthält.

Eine Kombination

h2 ~ ul

ist das, woran ich ursprünglich gedacht habe, aber ich weiß nicht, wie ich H2 mit „A der gewünschten HREF-Attribute“ angeben soll ...

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>