CSS 调整无序列表块上方的间距

[HongDa (WangHongDa)]

---

遇到的问题

这是ob的HML

这是我自己写的css片段 样式要求是调整一级标题与其下方的无序列表块的间距
但书写后无效，不知哪里出了问题，有大佬帮吗解决一下嘛

[the_tree]

你上面的 h1 和 ul 不是兄弟关系

[HongDa (WangHongDa)]

确实，他们不同属于一个div , 那应该怎么写呀，兄弟请赐教

[Azona77]

用 :has 伪类就可以了

系数可以自己修改，第一行是上边距，第二行是下边距

div.markdown-reading-view > div > div > div:has(h1) + div:has(.has-list-bullet){
  margin-block-start: calc(var(--p-spacing)*2);
  margin-block-end: calc(var(--p-spacing)*1);
}