  为什么悬停（hover）不起作用，样式不显示？

我正在设计导航条，但是我的鼠标悬停不起作用。当我悬停在“man”项目在我的下拉菜单，它的悬停样式，不工作，不显示样式在检查。有什么问题吗?这是我的HTML代码:

/* Navbar container */
 body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 li {
     text-decoration: none;
 }

 .nav-container {
     direction: rtl;
     text-align: right
 }

 .navbar {
     overflow: hidden;
     background-color: #333;
     font-family: Arial;
 }

 /* Links inside the navbar */
 .navbar a {
     float: right;
     font-size: 16px;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
 }

 /* The dropdown container */
 .dropdown {
     float: right;
     overflow: hidden;
 }

 /* Dropdown button */
 .dropdown .dropbtn {
     font-size: 16px;
     border: none;
     outline: none;
     color: white;
     padding: 14px 16px;
     background-color: inherit;
     font: inherit;
     /* Important for vertical align on mobile phones */
     margin: 0;
     /* Important for vertical align on mobile phones */
 }


 /* Dropdown content (hidden by default) */
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     width: 100%;
     left: 0;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
 }

 .dropdown:hover .dropdown-content {
    display: block;
  }

.megamenu-container {
    background-color: aqua;
    width: 100%;
}

.megmenu {
    width: 100%;
}

.megamenu-title {
    width: 20%;
    background-color: blue;
    display: inline-block;
    padding: 5px 15px;
    vertical-align: top;
}

.megamenu-subitems-default {
    width: 70%;
    background-color: blueviolet;
    display: inline-block;
    padding: 15px;
}

.megamenu-item {
    float: unset !important;
    padding: 0 !important;
}

.man:hover .megamenu-subitems-default {
    visibility: hidden;
}

#subitems {
    display: inline-block;
    visibility: hidden;
    background-color: yellowgreen;
    width: 70%;
}

.man:hover #subitems {
    visibility: visible;    
}

.test {
    color: yellow;
}

.man:hover .test {
    color: wheat;
}

  
      
      
      
      
      
  
 
 

  
      

          

              Home
              News
              

                  Dropdown
                      
                  
                  

                      

                          

                              

                                  

                                      

                                          

                                          man
                                          
                                      
                                      

                                          woman
                                      
                                      

                                          kid
                                      
                                  
                              
                              

                                  
hello-default
                              
                              

                                  
hello-1
                              
                              

                                  
hello-2
                              
                              

                                  
hello-3
                              
                              

                                  
hello-4
                              
                          
                      
                      
test
                  
              
          
      
  

当我悬停在“man”项目在我的下拉菜单，它的悬停样式不工作，不显示样式在Inspect