:has
选择可以根据一个相对选择器来选中某个元素,如
div:has(p)
表示当 div 中有 p 时,选中 divdiv:has(>p)
表示当 div 有子元素 p 时,选中 divdiv:has(+p)
表示当 div 后面紧跟一个 p 时,选中 divdiv:has(~p)
表示当 div 后续有 p 类型兄弟元素时,选中 div
注意上面的三个选择器都可以不使用 div 而直接使用 :has()
:has(p)
选中任何一个内部有 p 的元素:has(>p)
选中任何一个有 p 子结点的元素:has(+p)
选中任何一个后面紧跟 p 的元素:has(~p)
选中任何一个后续 p 兄弟的元素