问题是我想为我的网站创建带链接的下拉菜单,但这并不起作用。
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;
如果你能帮助我,我将非常感激! :)
答案 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/