插入仅在悬停在下拉导航时显示

Question

我想在我的下拉列表处于活动状态时才显示我的插入符号。目前它一直在显示，并希望它不会。

我也希望如果当我的下拉导航（subnav）处于活动状态时，下面的内容（网站的其余部分）也会下拉。我的意思是所以我的subnav不与内容重叠。

更新： 在活动

上整理了插入符号

Answer 1

为了好玩，我编造了这个FIDDLE。

它添加了一个三角形添加到悬停css的下拉列表的第一个孩子。

CSS

#nav li:hover li:first-child:after {
    content: ' ';
    width: 0px;
    height: 0px;
    background-color: transparent;
    position: absolute;
    border-top: 12px solid yellow;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 0px;
    left: 10px;
}