ドロップダウンメニューでサブメニューを作成する方法は？

Question

私はcssで作成されたドロップダウンメニューを持っています。テキスト（ul）の上にマウスを移動すると、メニューが表示されます（liが表示されます）。私は知りたい、どのようにサブメニューを作るか、あなたが司会者の別のメニュー（サブメニュー）の上にマウスを置いたときに表示され、他のオプションを提供するということを知りたかった。

例：

-Tutorials (You hover over tutorials) 
      (Then these options appear)   
     -Video tutorials 
     -Other tutorials 
     -Windows (and if you hover over windows you have 3 choices) 
        //How do I make that! 
        -Windows xp 
        -windows 7 
        -Windows Vista 

私が作りたいものです。

ありがとうございます！

Answer 1

CSSPlayは、あなたが想像できるすべての種類のメニューを備えた素晴らしいリソースです。プラスすべてのメニューは完全にクロスブラウザです。 私はステュがニーズに合った1つを得たと確信している、それをチェックアウト： http://www.cssplay.co.uk/menus/

Answer 2

このチュートリアル必要があります：あなたは純粋なCSSを使用している場合son of suckerfish dropdowns

Answer 3

を、あなたはただの新しいレベルを追加する必要がありますスタイル。

ul.menu > li > ul > li > ul { 
    display: none; 
} 
ul.menu > li > ul > li:hover > ul { 
    display: block; 
} 

はもちろん、いくつかの位置決めのコードを追加する必要があります。そして、あなたは、単に追加する必要があると思い

ul.menu > li > ul { 
    display: none; 
} 
ul.menu > li:hover > ul { 
    display: block; 
} 

：あなたはあなたの元のコードを掲載していますが、現在のようなものを持っていると仮定していませんアクティブなメニュー項目の右側に表示されるように、第3レベルのリストに追加します。