在本篇文章中，我们将探索以下几个方面内容：
使用 :has()伪类给父元素设置样式使用 :empty伪类来隐藏元素嵌套 :has()伪类的应用:has(:not())和:not(:has())的区别:empty、:has()和:not()的综合应用
1.使用 :has() 伪类给父元素设置样式
CSS 一直缺少直接选择父元素的方法，直到 :has() 伪类的出现。
:has() 选择器是一个关系伪类。它允许你根据一个元素与其他元素的关系来选择该元素。具体来说，如果一个元素包含另一个符合给定选择器的元素，它就会选择该元素。
1）基本用法：
:has(<relative-selector-list>) {
/* ... */
}
div:has(p) {
/* 给包含 p 元素的 div 元素应用样式*/
}
