Javascript 单击任何菜单项时，鼠标悬停属性将丢失

在下面给出的代码中，我尝试使用值蓝色为悬停属性提供背景色。但是，在我们选择任何菜单项（应用程序、布局、widjets等）之前，它开始工作，然后它就不工作了。我如何修复它

函数按钮（）{
document.getElementById（“翻转菜单”）.style.display=“块”；
}
函数按钮sec（）{
document.getElementById（“翻转菜单”）.style.display=“无”；
}
功能显示子菜单（e）{
var k=e；
如果（k==2）{
if（document.getElementById（“第一个下拉图标”）.className==“fa插入符号中的微调器图标”）{
document.getElementById（“子菜单一”）.style.display=“无”；
}
否则{
document.getElementById（“子菜单一”）.style.display=“块”；
document.getElementById（“flip main two”）.style.background=“rgba（105193132,1）”；
document.getElementById（“子菜单二”）.style.display=“无”；
document.getElementById（“flip main one”）.style.background=“无”；
document.getElementById（“flip main three”）.style.background=“无”；
document.getElementById（“flip main four”）.style.background=“无”；
}
}else如果（k==3）{
if（document.getElementById（“第二个下拉图标”）.className==“fa插入符号中的微调器图标”）{
document.getElementById（“子菜单二”）.style.display=“无”；
}
否则{
document.getElementById（“子菜单二”）.style.display=“块”；
document.getElementById（“flip main three”）.style.background=“rgba（105193132,1）”；
document.getElementById（“子菜单一”）.style.display=“无”；
document.getElementById（“flip main one”）.style.background=“无”；
document.getElementById（“flip main two”）.style.background=“无”；
document.getElementById（“flip main four”）.style.background=“none”；}
}else if（k==1）{
document.getElementById（“flip main one”）.style.background=“rgba（105193132,1）”；
document.getElementById（“子菜单一”）.style.display=“无”；
document.getElementById（“子菜单二”）.style.display=“无”；
document.getElementById（“flip main two”）.style.background=“无”；
document.getElementById（“flip main three”）.style.background=“无”；
document.getElementById（“flip main four”）.style.background=“无”；
}else if（k==4）{
document.getElementById（“flip main four”）.style.background=“rgba（105193132,1）”；
document.getElementById（“子菜单一”）.style.display=“无”；
document.getElementById（“子菜单二”）.style.display=“无”；
document.getElementById（“flip main one”）.style.background=“无”；
document.getElementById（“flip main three”）.style.background=“无”；
document.getElementById（“flip main two”）.style.background=“无”；
}否则{
document.getElementById（“子菜单一”）.style.display=“无”；
document.getElementById（“子菜单二”）.style.display=“无”；
}
}
函数旋转（m）{
var-key=m；
如果（键===2）
{
if（document.getElementById（“第一个下拉图标”）.className==“fa插入符号中的微调器图标”）
{
document.getElementById（“第一个下拉图标”）.className=“旋转器图标出fa插入符号向下”；
}
其他的
{
document.getElementById（“第一个下拉图标”）.className=“起始插入符号中的微调器图标”；
document.getElementById（“第二个下拉图标”）.className=“微调器图标出fa插入符号向下”；
}
}
否则如果（键===3）
{
if（document.getElementById（“第二个下拉图标”）.className==“fa插入符号中的微调器图标”）
{
document.getElementById（“第二个下拉图标”）.className=“微调器图标出fa插入符号向下”；
}
其他的
{
document.getElementById（“第二个下拉图标”）.className=“fa插入符号中的微调器图标”；
document.getElementById（“第一个下拉图标”）.className=“旋转器图标出fa插入符号向下”；
}
}
否则{
document.getElementById（“第二个下拉图标”）.className=“微调器图标出fa插入符号向下”；
document.getElementById（“第一个下拉图标”）.className=“旋转器图标出fa插入符号向下”；
}
}

。翻转容器主菜单父菜单{
光标：指针；
左边距：-1em；
左：1rem；
右边距：-1rem；
底部填充物：.5rem；
}
.翻转菜单主图标{
浮动：无；
右边距：10px；
左边距：0；
位置：相对位置；
排名：0；
最小宽度：1.5雷姆；
列表样式类型：无；
文本转换：无；
字母间距：正常；
换字：正常；
}
.fa.flip-menu-main-icon{
字体大小：13px；
宽度：1米；
高度：1米；
线高：2.5雷姆；
字体风格：普通；
字体大小：正常；
不透明度：1；
} 
.翻转菜单文本{
文本对齐：左对齐；
字号：500；
线高：1.125rem；
填充：.56250；
保证金：0；
大纲：0；
边界：0；
字体大小：14px；
}
.翻转子菜单{
不透明度：0.75；
填料顶部：.4375rem；
填充底部：.4375rem；
右侧填充：9.4rem；
左：4rem；
左边距：-2em；
文本对齐：左对齐；
线高：1.125rem；
显示：块；
背景色：rgba（24,33118,1）；
颜色：rgba（255255255.87）！重要；
宽度：100%；
显示：无；
}
ul.flip-sub-menu li a{
颜色：rgba（255255255.87）！重要；
线高：2rem；
}
#翻转容器。翻转容器主菜单父菜单：悬停
{
背景公司