CSS3 - ドロップダウンメニューのホバー

Question

私はドロップダウンメニューを作成しましたが、メインメニューのポイントのリスト（ "ドロップダウン"）をホバーしたいと思います。私はulとliにこれを解決するクラスを与えることができましたが、よりスムーズでクリーンな方法がありますか？

すべてのコメントありがとうございます！

EDIT - CSSコード：

#mainnav li ul:not:hover { 
    none !important; 
} 

#mainnav ul li a:hover { 
    background-color: #ff4040; 
} 

だから、ホバーはもちろんの作業を行いますが、そのあなたはあなたが設定> child selector

#mainnav li ul{ 
    display:none; 
} 
#mainnav li:hover > ul{ 
    display:block; 
} 
#mainnav ul li a:hover { 
    background-color: #ff4040; 
} 

を使用する必要があり、すべてのulとli

Answer 1

が含まれますulがデフォルトで非表示になります（最初のルール ）、liにカーソルを合わせると、ulの子供（で、深くはではない）のみが表示されます。