Css 为什么显示：内联块需要设置为<；a>；它的伪元素是否与它的宽度相同？

我试图理解这一点，它展示了如何为实际上是伪元素的底部“边框”设置动画。代码如下：

a{
显示：内联块；
文字装饰：无；
}
a:之后{
内容：''；
显示：块；
宽度：0；
高度：2倍；
背景：#000；
过渡：宽度3s；
}
a:悬停：：之后{
宽度：100%；
}

CSS宽度：

将宽度定义为包含块宽度的百分比

如果

a

是内联的，它不是包含块，则

li

是相关的：