アンカータグのホバー上にドロップダウンメニューを表示

Question

私は以下のul and li構造を持ち、アンカータグの上にドロップダウンメニューとしてul項目を表示したい。新機能

• • リスト項目の一つ
  • リスト項目の一つ
  • リスト項目の一つ
  • リスト項目の一つ
  • リスト項目の一つ

しかし、私はないです取得することができますyのCSSコード。私は、CSSコードを書くのを助けてください。

Answer 1

.mainmenu li a:hover ul.submenu { display:block;} 

Answer 2

私はjsfiddleで構造体を構築しました。あなたが具体的にアンカーリンク上のホバーイベントを尋ねると、私はそれをあなたのために構築しました。

はここでフィドルです：https://jsfiddle.net/mcz4u8pg/1/

そして、ここのコードです：あなたがCSSコードでサポートが必要な場合

#main { 
 
    list-style: none; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
#main > li { 
 
    float: left; 
 
    padding: 5px 10px; 
 
    border: 1px solid red; 
 
    margin: 10px; 
 
} 
 
.sub { 
 
    display:none; 
 
} 
 
li > a:hover ~ .sub { 
 
    display:block 
 
} 
 
.sub { 
 
    clear:both; 
 
    list-style:none; 
 
    margin:0; 
 
    padding:0; 
 
}

<ul id="main"> 
 
    <li><a href="">1</a></li> 
 
    <li><a href="">2</a> 
 
    <ul class="sub"> 
 
     <li>a</li> 
 
     <li>b</li> 
 
     <li>c</li> 
 
     <li>d</li> 
 
     <li>e</li> 
 
    </ul> 
 
    </li> 
 
    <li><a href="">3</a></li> 
 
    <li><a href="">4</a></li> 
 
</ul>