Recherchez les <a href="<ul> sous les balises <h2> qui contiennent une URL spécifique.

Question

Je travaille sur un export de DocBook vers HTML, et il y a très peu d'options à ajouter pour les catégories "intelligentes" du HTML.

La structure que j'obtiens est la suivante :

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

Il n'y a pas de catégories sur

<h2>, ni sur <ul>.

Mes pensées sont donc :

Sélectionnez l'UL après le H2 contenant un A avec l'attribut HREF "Mon URL".

Une combinaison

h2 ~ ul

c'est ce à quoi j'avais pensé au départ, mais je ne sais pas comment spécifier H2 avec "A des attributs HREF que je veux"...

Answer 1

Vous pouvez utiliser le sélecteur 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>