css 可以选择上层的div嘛

在 CSS 中，无法直接选择上层的 div（即父元素）。CSS 主要是通过选择子元素、兄弟元素或者当前元素来进行样式应用。CSS 没有提供从子元素向上选择父元素的功能。

不过，有一些方法可以间接影响父元素的样式或实现类似效果：

方法 1: 使用 :has() 伪类（目前仅支持部分浏览器）

CSS4 引入了 :has() 伪类，它允许选择父元素（通过子元素的存在），但是目前只有部分浏览器（如 Chrome Canary）支持它。

/* 这个例子在部分浏览器中有效 */
div:has(.child) {
  background-color: yellow;
}

这个选择器会选择所有包含 .child 元素的 div，并应用黄色背景。但是，目前这还不是一个广泛支持的特性，使用时需要考虑兼容性。

方法 2: 使用 JavaScript

如果需要动态地操作父元素的样式，最直接的方式是使用 JavaScript。

// 选择子元素
const childElement = document.querySelector('.child');

// 获取父元素
const parentElement = childElement.parentElement;

// 改变父元素的样式
parentElement.style.backgroundColor = 'yellow';

通过 JavaScript，你可以更灵活地控制父元素的样式。

方法 3: CSS 选择器的兄弟元素选择

虽然不能直接选择父元素，但你可以利用兄弟元素选择器来影响元素相对位置的样式。比如，如果父元素和子元素是兄弟关系，可以通过修改兄弟元素来间接影响样式。

/* 选择兄弟元素 */
div + p {
  color: red;
}

以上是关于如何间接影响父元素或类似操作的方法。如果你的需求涉及动态样式或条件样式变化，JavaScript 会更为合适。