搜索

首页  >  问答  >  正文

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

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

我得到的结构如下:

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

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

所以我的想法是:

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

一个组合的

h2 ~ ul

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

P粉807397973P粉807397973443 天前580

全部回复(1)我来回复

  • P粉218361972

    P粉2183619722023-09-14 09:32:59

    你可以使用 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>

    回复
    0
  • 取消回复