css - 无法使用has（）从子组件中为父组件的元素设置样式

我的父组件具有一个元素，其元素为.parent类。有时，此元素包含一个子组件，其子元素的根元素具有.child类（为清楚起见，我将其简化了）。

如果存在子组件，则需要对.parent元素设置不同的样式。基本上：如果样式包含.parent元素，则将样式应用于.main-banner。

所以在子组件样式中，我有：

<style lang="scss">
  .view-index:has(.main-banner-wrap) {
    padding-top: 0;
  }
</style>

此样式不会被应用，也不会显示在DevTools中。为什么，如何使用CSS实现我想要的？

（我知道这不是范围的问题，因为除了样式的这一特定部分外，我还可以从子组件中为父组件的元素设置样式）