ドロップダウンリストにリンクはありますか？

-2

問題はリンク付きの自分のサイトのドロップダウンメニューを作成しても機能しないという問題です。あなたは私を助けるだろう場合、私は本当に感謝してますali内部の作業ドロップダウンリストにリンクはありますか？

<!doctype html> 
<html> 
<head> 
    <style> 
    a.mainhrf ul.mainul 
    { 
     display: none; 
    } 
    a.mainhrf:hover ul.mainul 
    { 
     display: block; 
    } 
    a.mainhrf ul.mainul li 
    { 
     display: block; 
    } 
    </style> 
</head> 
<body> 
    <a class="mainhrf" href="#">Siemaza 
     <ul class="mainul"> 
      <li></li> 
      <li></li> 
     </ul> 
    </a> 
</body> 
</html>

なし

<!doctype html> 
<html> 
<head> 
    <style> 
    a.mainhrf ul.mainul 
    { 
     display: none; 
    } 
    a.mainhrf:hover ul.mainul 
    { 
     display: block; 
    } 
    a.mainhrf ul.mainul li 
    { 
     display: block; 
    } 
    </style> 
</head> 
<body> 
    <a class="mainhrf" href="#">Siemaza 
     <ul class="mainul"> 
      <li><a href="#">A</a></li> 
      <li><a href="#">B</a></li> 
     </ul> 
    </a> 
</body> 
</html>

！ :)

出典

2017-11-04 WCQX

その非常に不明確にとして何を達成しようとしているとどのような問題が – Jesus

である。これは、ある理由[W3C HTMLバリデータが存在する]（HTTPS ：//validator.w3.org/）、頻繁に使用する必要があります。 – Rob

問題は、あなたがaタグを入れ子にしている...

はdiv要素に親を切り替えて、それが正常に動作していることです。

.mainul { 
 
    display: none; 
 
} 
 
.mainhrf:hover .mainul { 
 
    display: block; 
 
}

<div class="mainhrf">Siemaza 
 
    <ul class="mainul"> 
 
    <li><a href="#">A</a></li> 
 
    <li><a href="#">B</a></li> 
 
    </ul> 
 
</div>

ここ

JSFiddle：https://jsfiddle.net/vvub9wnj/

出典

2017-11-04 23:07:34 Jason

親要素にリンクを残しておきたい場合は、テキストだけを折り返して 'div 'に入れてください。 '

Siemaza ...

' – Jason

ドロップダウンリストにリンクはありますか？

答えて

関連する問題