Html CSS在图像上悬停，在链接上悬停？

所以我想在我的网站上添加两个悬停图片，但是当我这样做的时候，我会在图片的中间看到一个黑色的边框，这是因为我有悬停在链接上的效果。这是密码

a:hover,a:active
{
color:Black;
outline:ridge;
text-outline:#000;
text-decoration:underline;
font-size:20px;
font-style:italic;
font-style:bold;

}

我在堆栈上的一个类似问题中尝试了这段代码，但没有成功

a:hover img {

a img:hover{border: none !important;
}

---

您尝试的代码似乎格式不正确。试试这个

a:hover-img，a-img:hover{
边界：没有！重要；
}

避免

通常是个好主意！重要信息

。在这种情况下，您可以只给您的图像和锚定一个类或id，并应用您想要的CSS规则

HTML:

CSS:

.link:悬停，.link:活动{
颜色：黑色；
轮廓：脊；
文字提纲:#000；
文字装饰：下划线；
字体大小：20px；
字体：斜体；
字体风格：粗体；
}
.图片：悬停{
边界：无；
}

我会避免在整个站点的所有标签上使用如此激进的风格……这会引起很多类似的头痛。尝试将文本包装在p标记中以实现更严格的控制，或者为文本或图像提供一个类似@mrkou的类

小提琴：

pa:悬停，pa:活动{
颜色：黑色；
轮廓：脊；
文字提纲:#000；
文字装饰：下划线；
字体大小：20px；
字体：斜体；
字体风格：粗体；
}

如果可能，请发布您的HTML。