2011-01-19 9 views
0

こんにちは初心者の質問を置くナビゲーションCSSのUL李..誰かがこの1で私を助けることができる..私はちょうどul.secondにli.aboutをホバーしたかったよ、

<ul id="nav" class="clear"> 
    <li id="home"><a href="index.html"></a></li> 
    <li id="about"><a href="about.html"></a></li> 
    <ul class="second"> 
     <li><a href="www.yahoo.com">1st Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
    </ul> 
    <li id="gallery"><a href="gallery.html"></a></li> 
    <li id="before-after"><a href="before-after.html"></a></li> 
    <li id="loft"><a href="loft-conversations.html"></a></li> 
    <li id="case"><a href="case-studies.html"></a></li> 
    <li id="testimonials"><a href="testimonials.html"></a></li> 
    <li id="faqs"><a href="faqs.html"></a></li> 
    <li id="contact"><a href="contact.html"></a></li> 
</ul> 

CSSコード

#navigation ul#nav li#about:hover ul.second 
{ 
    background:#CCC; 
    padding:1px; 
    margin:1px; 
    height:200px; 
    color:black; 
    z-index:1000; 
    width:200px; 
} 
+0

まず、編集をクリックしてコードを強調表示し、 '{}'ボタンを押します。 – Andrew

+1

あなたは以前の質問に戻り、正しい回答を受け入れるか、ソリューションを投稿してください(自分で見つけた場合)。これはコミュニティを誇り、同様の問題を持つ他の人にリソースを提供します。また、正しい答えを受け入れることがわかっている場合は、さらに注意を喚起します。 ;-) –

+1

これは無効なマークアップです。 'ul'は別の' ul'の直系子孫になることはできません。 2番目の 'ul'を' li'( 'ul'または' ol'要素の唯一の有効な子)に入れます。 –

答えて

0

その場合、あなたがやろうとしているドロップダウンメニューは、その後、display: none;display: block CSSプロパティを利用します。

関連する問題