Html “适合对象:封面”不起作用

Html “适合对象:封面”不起作用,html,css,Html,Css,我用过。为什么works对象不适合 .滑块\卡\小\图像{ 显示:网格; 网格模板柱:1fr 1fr 1fr 1fr; 栅极间隙:0 10px; 填充:20px0; } .小型图像链接{ 显示器:flex; 证明内容:中心; 对齐项目:居中; 文字装饰:无; 背景色:F2F5; -webkit边界半径:5px; -moz边界半径:5px; 边界半径:5px; 溢出:隐藏; 位置:相对位置; } .small\u image\u link::before{ 内容:; 垫底:100%; 显示:内联

我用过。为什么works对象不适合

.滑块\卡\小\图像{ 显示:网格; 网格模板柱:1fr 1fr 1fr 1fr; 栅极间隙:0 10px; 填充:20px0; } .小型图像链接{ 显示器:flex; 证明内容:中心; 对齐项目:居中; 文字装饰:无; 背景色:F2F5; -webkit边界半径:5px; -moz边界半径:5px; 边界半径:5px; 溢出:隐藏; 位置:相对位置; } .small\u image\u link::before{ 内容:; 垫底:100%; 显示:内联块; 垂直对齐:顶部; } .小图像{ 宽度:100%; 身高:100%; 对象匹配:覆盖; } 你需要给高度:100%给。小图片链接

.滑块\卡\小\图像{ 显示:网格; 网格模板柱:1fr 1fr 1fr 1fr; 栅极间隙:0 10px; 填充:20px0; } .小型图像链接{ 显示器:flex; 证明内容:中心; 对齐项目:居中; 文字装饰:无; 背景色:F2F5; -webkit边界半径:5px; -moz边界半径:5px; 边界半径:5px; 溢出:隐藏; 位置:相对位置; 身高:100%; } .small\u image\u link::before{ 内容:; 垫底:100%; 显示:内联块; 垂直对齐:顶部; } .小图像{ 宽度:100%; 身高:100%; 对象匹配:覆盖; } 它工作正常,但底部填充。small_image_uulink::before是导致问题的原因: