在MUI框架中，两层Popover需要使用两个不同的元素来实现，这通常被称为两个独立的popover。

首先，我们需要创建两个基本的Popover元素。这可以通过在HTML中创建两个div元素来实现：

```html

```

然后，我们需要为这两个Popover元素编写CSS样式，以使其具有所需的外观。例如，我们可以为第一个Popover元素添加以下样式：

css .popover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .popover-content { position: relative; } .popover-content p { margin-top: 20px; }

然后，我们可以为第二个Popover元素添加以下样式：

css .popover-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .popover-content p { margin-top: 20px; } .popover-content p:last-child { margin-bottom: 20px; }

这将使两个Popover元素具有相同的外观，并且第二个Popover元素的最后一个段落将有一个下边缘。

注意，这两个Popover元素可以并存于同一个div元素中，或者它们可以作为一个单独的div元素来创建。