将鼠标悬停在ID上可显示另一个Div

史蒂文·黑尔

我有一个导航栏,显示悬停时的子导航栏。我需要在子导航栏中的按钮悬停上显示另一个子导航栏(因此,子子导航栏)。

我需要做的就是在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;
}
罗希特(Rohit Mehrotra)

您可以首先查看答案,以更好地了解类选择器。现在,开始了解什么在起作用,为什么在起作用。您的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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

仅使用CSS将鼠标悬停在另一个div上时显示div

来自分类Dev

当有人将鼠标悬停在div上时显示另一个div

来自分类Dev

鼠标悬停。保持课堂直到将鼠标悬停在另一个元素上

来自分类Dev

将鼠标悬停在另一个div上时CSS更改div

来自分类Dev

当我将鼠标悬停在另一个div上时,可以平滑div的淡入

来自分类Dev

将鼠标悬停在另一个div上可以更改一个div的不透明度

来自分类Dev

将鼠标悬停在一个div上可触发效果悬停在另一个div上

来自分类Dev

将鼠标悬停在嵌入式div上,然后更改另一个

来自分类Dev

当用户将鼠标悬停在另一个元素上时,无法显示弹出窗口元素

来自分类Dev

将鼠标悬停在/点击div会影响另一个div吗?

来自分类Dev

仅使用CSS将鼠标悬停在另一个div上时显示div

来自分类Dev

将鼠标悬停在<ul>上时,我要显示另一个<ul>

来自分类Dev

将鼠标悬停在另一个div上时如何显示div

来自分类Dev

当我将鼠标悬停在一个图像上时,该图像会显示到另一个Div或表列中吗?

来自分类Dev

更改div的内容:在将鼠标悬停在另一个div上之前无法正常工作

来自分类Dev

将某个div的宽度增加10%,同时将鼠标悬停在另一个div上

来自分类Dev

当我将鼠标悬停在另一个div上时,可以平滑div的淡入

来自分类Dev

将鼠标悬停在另一个div上时更改div

来自分类Dev

CSS:将鼠标悬停在另一个元素上

来自分类Dev

将鼠标悬停在图像上并更改另一个

来自分类Dev

jQuery将鼠标悬停在另一个div上时更改div的边框颜色

来自分类Dev

当用户将鼠标悬停在另一个元素上时,无法显示弹出窗口元素

来自分类Dev

将鼠标悬停在一个div上以显示另一个div

来自分类Dev

将鼠标悬停在另一个元素上时如何向上滚动div

来自分类Dev

将鼠标悬停在DIV上,然后显示另一个div,而无需重新定位*

来自分类Dev

将鼠标悬停在另一个 div 上时更改一个 div 的样式

来自分类Dev

将鼠标悬停在一个点上可显示弹出图像

来自分类Dev

将鼠标悬停在多个 div 上显示一个 div

来自分类Dev

将鼠标悬停在 1 个 div 上以更改另一个 div 中的内容

Related 相关文章

  1. 1

    仅使用CSS将鼠标悬停在另一个div上时显示div

  2. 2

    当有人将鼠标悬停在div上时显示另一个div

  3. 3

    鼠标悬停。保持课堂直到将鼠标悬停在另一个元素上

  4. 4

    将鼠标悬停在另一个div上时CSS更改div

  5. 5

    当我将鼠标悬停在另一个div上时,可以平滑div的淡入

  6. 6

    将鼠标悬停在另一个div上可以更改一个div的不透明度

  7. 7

    将鼠标悬停在一个div上可触发效果悬停在另一个div上

  8. 8

    将鼠标悬停在嵌入式div上,然后更改另一个

  9. 9

    当用户将鼠标悬停在另一个元素上时,无法显示弹出窗口元素

  10. 10

    将鼠标悬停在/点击div会影响另一个div吗?

  11. 11

    仅使用CSS将鼠标悬停在另一个div上时显示div

  12. 12

    将鼠标悬停在<ul>上时,我要显示另一个<ul>

  13. 13

    将鼠标悬停在另一个div上时如何显示div

  14. 14

    当我将鼠标悬停在一个图像上时,该图像会显示到另一个Div或表列中吗?

  15. 15

    更改div的内容:在将鼠标悬停在另一个div上之前无法正常工作

  16. 16

    将某个div的宽度增加10%,同时将鼠标悬停在另一个div上

  17. 17

    当我将鼠标悬停在另一个div上时,可以平滑div的淡入

  18. 18

    将鼠标悬停在另一个div上时更改div

  19. 19

    CSS:将鼠标悬停在另一个元素上

  20. 20

    将鼠标悬停在图像上并更改另一个

  21. 21

    jQuery将鼠标悬停在另一个div上时更改div的边框颜色

  22. 22

    当用户将鼠标悬停在另一个元素上时,无法显示弹出窗口元素

  23. 23

    将鼠标悬停在一个div上以显示另一个div

  24. 24

    将鼠标悬停在另一个元素上时如何向上滚动div

  25. 25

    将鼠标悬停在DIV上,然后显示另一个div,而无需重新定位*

  26. 26

    将鼠标悬停在另一个 div 上时更改一个 div 的样式

  27. 27

    将鼠标悬停在一个点上可显示弹出图像

  28. 28

    将鼠标悬停在多个 div 上显示一个 div

  29. 29

    将鼠标悬停在 1 个 div 上以更改另一个 div 中的内容

热门标签

归档