在下拉菜单的父级上保持悬停状态

Question

我需要在悬停下拉菜单“元素1 2 3”保持“父2”元素橙色与黑色字体。

这是我的代码：

#cssmenu > ul li.has-sub:hover ul {
    display: block;
    padding-left: 2px;
    /* bypass error */
}

#cssmenu > ul li a.active, #cssmenu > ul li a:hover {
    background: #FFAB22;
    color: black;
}

#cssmenu > ul li.has-sub ul li a:hover {
    background-color: #442AB0;
    color: #fff;
}

http://jsfiddle.net/uf60vpja/

我从stackoverflow尝试了这个解决方案，但没有成功：

How to keep list item in active state whilst hovering on dropdown?

Maintain 'hover' state on parent of dropdown

有什么想法吗？谢谢！