Css 仅在文章标题悬停时显示特色图像

嗨，我正在根据我的客户的要求建立一个wordpress，我只需要在文章标题上悬停时显示文章的特色图片。到目前为止，我尝试用简单的css这样做

li.wpp-thumbnail wpp_cached_thumb wpp_featured
{ 
    display:none;
}

li.wpp-post-title:hover .wpp-thumbnail wpp_cached_thumb wpp_featured 
{
    display:block;
}

---

但是这并没有达到目的，你能通过任何其他过程帮助我实现这一点吗？谢谢你提前。如果你试图从其他元素

li的事件中更改一个元素
wpp缩略图的属性，我想你必须使用Javascript

您应该将
onmouseover=“OnMouseIn”
附加到li.wpp-post-title元素，并在java脚本文件中编写一个函数来处理这个问题。例如：

mousein（elemement）上的函数{
//查找缩略图对象并将其指定给变量
//使缩略图可见
}

CSS的方法是将缩略图设置为标题图像的背景，使用填充将其对齐，然后将其显示在悬停状态。
与在悬停状态下为导航项设置不同的背景相同。
在CSS中，似乎缺少几个点，并且在不提供HTML时很难看到逻辑。然而，用CSS实现这一点并不难。只需确保特色图片包含在标题框中即可

例如，按照您的CSS：

---HTML---

注:


虽然您可以，但不建议添加li
同样，您不需要添加特征图像的所有类。一个就够了
如果出于不同的原因需要添加所有类，则需要在它们之间添加点而不是空格

因此，CSS将如下所示：

.wpp-post-title .wpp-thumbnail.wpp_cached_thumb.wpp_featured  { 
    display:none;
}

.wpp-post-title:hover .wpp-thumbnail.wpp_cached_thumb.wpp_featured {
    display:block;
}

我希望这有帮助。德国劳埃德船级社
 “.wpp缩略图wpp_缓存的wpp_拇指wpp_特色”这是单个类名吗？是的，它属于单个类
.wpp-post-title .wpp_featured { 
    display:none;
}

.wpp-post-title:hover .wpp_featured {
    display:block;
}

.wpp-post-title .wpp-thumbnail.wpp_cached_thumb.wpp_featured  { 
    display:none;
}

.wpp-post-title:hover .wpp-thumbnail.wpp_cached_thumb.wpp_featured {
    display:block;
}