css -::after 伪元素未显示但已生成？

Question

我已经生成了一个伪元素，但它没有显示在网页中!但是如果我检查 devtools 它就生成了!我的内容是空的，但即使我填充了内容，它仍然没有显示？

.info li::after{
position: absolute;
content: "";
background: #000;
top: -110px;
left: 0;
right: 0;
z-index: 10000;
width: 100px;
height: 100px;
}

.info li{
color: white;
font-weight: bolder;
margin: 1rem auto;
width: 100%;
height: 2.4rem;
padding: .1rem;
overflow: hidden;
position: relative;
}

Answer 1

它工作得很好，但是你在 <li> 中隐藏了溢出元素并导致伪元素被溢出隐藏。

删除 overflow: hidden在你的 li 元素中，你会看到它。