私はこのフィドルを持っています：http：//jsfiddle.net/tatygrassini/tZBXe/
1レベルの深さのサブメニューを備えた水平ドロップダウンメニュー。：hoverスタイルのすべてのメニューリンク。
親がクリックすると、サブメニューが下にスライドし、ホバーアウトし、サブメニューが非表示になります。これまでのところOKです。
親にCSSクラス（.focus）を与えたいのですがAdd/Remove my CSS class、クリックして背景色を変更し、「フォーカス」状態を偽造します。
jsfiddleで、をクリックするとAdd/Remove my CSS class、背景色が1秒間赤に変わるのがわかります。これは、：activeCSSスタイルが原因です。
したがって、サブメニューリンクにカーソルを合わせても、親リンクは「フォーカス」状態のままですが、カーソルを合わせると、「フォーカス」CSSクラスが削除され、通常の状態のCSSが実現されます。