如何让一个子元素的伪类能超过在元素的padding层级展示

您可以使用 CSS 的 `position` 属性和 `z-index` 属性来控制子元素的层级展示。

首先，将父元素设置为相对定位（`position: relative;`），这样子元素的定位将基于父元素。

然后，通过给子元素设置绝对定位（`position: absolute;`）来脱离文档流，并使用 `z-index` 属性来控制层级。较高的 `z-index` 值将使元素处于较高的层级。

如果子元素的伪类需要超过父元素的 padding 层级显示，您可以将父元素的 padding 设置为0，并将子元素的 `z-index` 值设置为一个较高的值，确保它显示在父元素的 padding 之上。

以下是一个示例代码：

<style>
    .parent {
        position: relative;
        padding: 20px;
        background-color: lightgray;
    }

    .child {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: red;
        color: white;
        padding: 10px;
        z-index: 1;
    }
</style>

<div class="parent">
    <div class="child">子元素</div>
</div>

在上述示例中，父元素（`.parent`）具有padding为20px，子元素（`.child`）使用绝对定位并具有较高的 `z-index` 值。这样子元素的伪类就能在父元素的 padding 层级之上显示。