如何选择包含指定URL的A标签的H2元素后的UL元素？

要选中包含指定HREF属性<a>标签的<h2>之后的<ul>，可以用CSS的:has()伪类结合兄弟选择器实现：

• 若<ul>是目标<h2>的直接相邻兄弟（紧接在<h2>后的第一个<ul>），使用以下选择器：

  h2:has(a[href="用于识别后续UL集合的URL"]) + ul {
    /* 在这里添加你的样式规则 */
  }
  

• 若要选中目标<h2>之后所有的<ul>，替换成通用兄弟选择器~：

  h2:has(a[href="用于识别后续UL集合的URL"]) ~ ul {
    /* 在这里添加你的样式规则 */
  }
  

说明 #

:has()伪类的作用是匹配包含特定子元素的父元素——这里就是筛选出内部存在符合指定href值的<a>标签的<h2>，再通过兄弟选择器关联到它后面的<ul>元素。

内容的提问来源于stack exchange，提问作者brandelune