请教个css选择器的问题

十点四十八
  • 362

<div>

  <p></p>

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

</div>

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

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

回复
阅读 1.4k
3 个回答
p:has(+ ul)

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

参考:MDN

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

查看图片
  • 218

暂时没有这种写法

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

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

宣传栏