我有一个导航栏,显示悬停时的子导航栏。我需要在子导航栏中的按钮悬停上显示另一个子导航栏(因此,子子导航栏)。
我需要做的就是在ID = preStart悬停时将Display从“ None”更改为“ Block”。
这就是我所拥有的:
.subsubnavbar-content {
display: none;
position: absolute;
left: 300px;
background-color: #eee;
color: white;
width: 50%;
z-index: 1;
}
#preStart:hover .subsubnavbar-content{
display: block;
}
您可以首先查看此答案,以更好地了解类选择器。现在,开始了解什么在起作用,为什么在起作用。您的subnav内容在subnav悬停时显示为块,因为您的subnav内容是html中subnav的后代。
.subnav:hover .subnav-content {
display: block;
}
<div class="subnav">
<div class="subnav-content">
...
</div>
</div>
而您的.subsubnavbar-content不是HTML中#preStart的后代。为了使您的显示:阻止工作,您需要将.subsubnavbar-content放入#preStart内
<a id="preStart">
Pre-Start Checklists
<i class="fa fa-caret-down"></i>
<div class="subsubnavbar">
<div class="subsubnavbar-content">
...
</div>
</div>
</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句