Cari <a href="<ul>s di bawah <h2> teg yang mengandungi URL tertentu

Question

Saya sedang mengusahakan eksport daripada DocBook ke HTML, dan terdapat sangat sedikit pilihan untuk ditambahkan untuk kategori HTML "pintar".

Struktur yang saya dapat adalah seperti berikut:

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

Tiada kategori pada

<h2>, mahupun pada <ul>.

Jadi fikiran saya ialah:

Pilih UL selepas H2 yang mengandungi A dengan atribut HREF "URL Saya".

Gabungan

h2 ~ ul

itulah yang saya fikirkan pada asalnya, tetapi saya tidak tahu bagaimana untuk menentukan H2 dengan "A daripada atribut HREF yang saya mahukan"...

Answer 1

Anda boleh menggunakan has 选择器来检查 h2 是否有锚点标签，然后定位到紧接着的下一个 ul pemilih.

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>