CSS父兄弟选择器

我有以下html：

<div class="parent">
  <p class="tag">I live in Duckburg.</p>
</div>

<div class="color">
  <p>My best friend is Mickey.</p>
</div>

---

希望它选择标记的父级，然后选择附加颜色div并应用背景样式。但它不起作用。您能帮忙吗。

由于需要父选择器（不存在），我最初关闭了这个问题，但实际上您不需要它

只要您的空

.parent

元素完全为空，即没有任何空格，那么您就可以使用以下内容：

.parent:not（：empty）+.color{
背景：红色；
填充：10px；
}

我住在Duckburg
我将被选中

我不会被选中

由于需要父选择器（不存在），我最初关闭了这个问题，但实际上您不需要它

只要您的空

.parent

元素完全为空，即没有任何空格，那么您就可以使用以下内容：

.parent:not（：empty）+.color{
背景：红色；
填充：10px；
}

我住在Duckburg
我将被选中

我不会被选中

否，没有父选择器。您必须使用Javascript来实现这一点不，没有父选择器。为此，您必须使用Javascript

.parent > .tag + .color{
  background-color: green;
}