我们不能使用`：not`和`+`的组合？

Question

开发人员希望使用相同的模板在iframe中呈现页面和弹出窗口。 使用javaScript条件将标头隐藏在弹出窗口中。

HTML

<div class=“header”></div>
<div class=“main-wrap"></div>

我想在弹出窗口中删除填充。我试着使用以下代码。这没用。

CSS

div:not(.header) + .main-wrap {
  padding: 0;
}

无法将.main-wrap与iframe中的const styles = StyleSheet.create({ 区分开来。 最后一个选项是使用JavaScript。