<分区>
<分区>
当我将鼠标悬停在带有 class="fas fa-bars"的元素上时,我想让“.navbar-drop”可见(显示: block )。
不工作:
.navbar-drop {
display: none;
}
.navbar i:hover .navbar-drop {
display: block;
}
这是html:
<div class="navbar">
<div class="navbar-drop">
<ul>
<li><a href="#" class="home">Home</a></li>
<li><a href="#" class="about-me">About Me</a></li>
<li><a href="#" class="my-projects">My Projects</a></li>
<li><a href="#" class="contact-me">Contact Me</a></li>
</ul>
</div>
<i class="fas fa-bars"></i>
</div>
如果这是重复的,我深表歉意,但我已经搜索了将近半小时的答案,但找不到任何我能理解的内容。
最佳答案
你不能选择父元素,你需要遵守css选择器的规则。 对于这种情况,正确的是:
.navbar:hover .navbar-drop {
display: block;
}
也就是说,将鼠标悬停在 .navbar
标记中时,您将在子项中设置显示 block 。.navar-drop
,不可能选择父元素或其他元素使用 css 选择器规则是不可能的
关于html - 将鼠标悬停在同一父项内的不同类上时是否可以显示一个类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54748309/