Css 在悬停声明中引用父元素，但不给它指定特定的名称

我有三个div，其中两个嵌套在父对象中。我想在父对象悬停时更改子对象的颜色。虽然我不想给父类指定类名，但我想这样做

我不能在parent中这样做，因为childrent有自己的颜色，可以覆盖parent的颜色，悬停时基本上什么都不会发生

  <div
    css={css`
      flex: none;
    `}
  >
    <div
      css={css`
        display: inline;
        color: #ffffff;
        & :parent :hover { // incorrect, need something like this
          color: #ffa040;
        }
      `}
    >
    ...
    </div>
    <div>

...

这可以通过CSS完成。让我举一个例子：

.outer:hover .inner {
 background-color: orange;
}

HTML:

HTML:

1.
4.

我想知道是否可以在不给出

类

值的情况下执行相同的操作？

<div class="outer">
    1
    <div class="inner ">
    2
    </div>    
</div>

div:hover div {
    background-color: orange;
}

<div>
     1
     <div>
          4
     </div>
</div>