我怎么能在我的下拉列表中有链接?

时间:2017-11-04 22:51:27

标签: html css list

问题是我想为我的网站创建带链接的下拉菜单,但这并不起作用。

a

li内部<!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> 无法正常工作

using System.Collections.ObjectModel;

如果你能帮助我,我将非常感激! :)

1 个答案:

答案 0 :(得分:1)

问题在于您正在嵌套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/