Html 更改元素'；将鼠标悬停在菜单元素上时的布局

我创建了一个菜单。但我没有使用列表，而是使用了几个div和span，如下所示：

<div id="forms">                
    <span class="formsLi">Einloggen<cfinclude template="login.cfm" /></span>        
    <span class="formsLi">Registrieren<cfinclude template="forms/register.cfm" /></span>
</div>

---

我想在将鼠标悬停在其中一个“formsLi”元素上时更改所包含表单的显示。悬停确实有效，但最后一条css规则不会更改div的显示

您正在重复选择器。使用以下命令：

#forms .formsLi:hover .format{
    display: block;
}

#forms .formsLi:hover .format{
    display: block;
}