Html 仅在选定图像上禁用边框或悬停效果

我有下面的代码来在所有图像以及悬停效果周围创建边框，但是如何在选定的图像（即社交按钮或徽标）上禁用此功能

---

您可以向图像中添加一个想要/不想要有边框的类，然后在css中使用它们的类来改变它们的样式。

使用

css not selector

像这样

html标记 看到这里的地图了吗

---

例如，您应该在css中写入图像的完整路径

 div.hover-img ul li p a:hover img {
     border: solid 1px #CCC;
     -moz-box-shadow: 1px 1px 5px #999;
     -webkit-box-shadow: 1px 1px 5px #999;
         box-shadow: 1px 1px 5px #999; }

此附加类

.hover img

和图像路径可帮助您仅识别需要在悬停位置加边框的图像。

添加单独的类

.noshadow{ border:none; box-shadow:none}

---

将该类添加到不需要框阴影和边框的元素中

img:not（不管它们有什么特别之处）

@joejourneys检查演示小提琴

img:not(.noborder) {
    border: 2px solid red;
}

 div.hover-img ul li p a:hover img {
     border: solid 1px #CCC;
     -moz-box-shadow: 1px 1px 5px #999;
     -webkit-box-shadow: 1px 1px 5px #999;
         box-shadow: 1px 1px 5px #999; }

.noshadow{ border:none; box-shadow:none}