请教个css选择器的问题

Question

<div>

  <p></p>

  <p></p> // 只选中这个p标签，它的特点是下一个兄弟标签是ul
  <ul></ul>

</div>

如果p标签的下一个元素是ul标签的话，就选中它

这样的选择器该怎么写呢？

Answer 1

p:has(+ ul)

是下一代 css 标准，目前基本不可用，但 jQuery 提供了支持。

参考：MDN

Answer 2

你给这个<p>设定一个class不就行了吗。作为开发者难道你不知道这个<p>是当前循环中的最后一个元素，下一个就要开始<ul>了？
如果说这是富文本内容，那开发者确实做不了什么，但是对于富文本来说，<ul>前面的<p>难道就要更香一点？所以是不是可以用ul::before或者p + ul::before做点什么，而不是在<p>上。

Answer 3

暂时没有这种写法

目前的 css 选择器只能向前选择或者向上选择

即 A 操作符 B，无论哪个操作符，只能符合 A 是 B 的哥哥或者祖先