Html 引导程序4添加悬停框阴影问题

我使用了，我试图添加列表悬停到一些框阴影选项，但它出现在所有的文本和图像中，你可以看到下面的代码片段中的问题

有人知道如何正确添加这个吗

这是我的css代码

.my-lst :hover{
/*  transform: scale(1.04);*/
 cursor: pointer;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

谢谢

.my-lst:悬停{
/*转换：比例（1.04）*/
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
}

占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
占位符32x32
全名
@用户名

检查它是否仅在添加类“my lst”的地方工作

.my-lst:悬停{
/*转换：比例（1.04）*/
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
}

占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
占位符32x32
全名
@用户名

类my lst在HTML代码中多次出现，这意味着所有CSS都将应用于my lst的所有实例。将标签添加到想要悬停效果的容器中，并在CSS中调用标签，而不是类。

选择器

。my lst:hover

将目标指向

：hover

的所有子体的伪类。

.my lst

。它不仅针对具有类

媒体主体的
，而且针对
和
）
：


.my lst>：悬停{
/*转换：比例（1.04）*/
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
}

占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
在代码段中检查此项


.my-lst:悬停{
/*转换：比例（1.04）*/
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
}

占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
您需要删除类名和pseudu类之间的空格

.my-lst:hover
至
。my-lst:hover


.my-lst:悬停{
/*转换：比例（1.04）*/
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
}

占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
占位符32x32
全名
@用户名
请删除
lst
，

.my-lst:悬停

代码将是这种类型，

.my lst:hover
感谢您的解决方案，但您的描述最好放在评论部分