寻找包含特定URL的<h2>标签下的<a href="的<ul>
P粉807397973
P粉807397973 2023-09-13 10:52:41
0
1
551

我正在进行一个从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粉807397973
P粉807397973

全部回复(1)
P粉218361972

你可以使用 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>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!