如何修复此悬停下拉菜单

Question

主要问题是，我做了2个悬停下拉物品。第一个是顶部菜单上的5-6个按钮，第二个是悬停下拉图像。 现在我不知道如何为这两个对象制作不同的CSS代码。查看您可能了解的代码。 我想修复左上角的悬停图像。 这是代码：

code

https://jsfiddle.net/d4jgmo7k/

注意：图片无效，但我想在左上方修复“ffh logo”

Answer 1

您可以在第一个下拉菜单中添加另一个类。例如：

<div class="dropdown anotherclass" >
  <img src="images/ffhlogo5.png" alt="FFH Logo">
  <div class="dropdown-content" >
    <img src="images/ffhlogo1.png" alt="Trolltunga Norway" width="300" height="200">
    <div class="desc">FFH Logo</div>
  </div>
</div> 

然后只需在CSS中选择新类：

.dropdown.anotherclass {
/*insert specific css here*/
}