Html 如何正确使用此菜单上的display:block?

Html 如何正确使用此菜单上的display:block?,html,css,drop-down-menu,menu,Html,Css,Drop Down Menu,Menu,代码: 但这也不行 您需要将目标指向css中的内部列表,使其显示出来 更改css,如下所示: li.the_one:hover { display:block; } “li.the_one:hover”表示,当类为“the_one”的li悬停在上方时,会发生这种情况,然后它会在类为“the_one”的列表项中对类为“the_one”的ul应用display:block 希望这有帮助 干杯。您需要在css中以内部列表为目标,使其显示出来 更改css,如下所示: li.the_one:ho

代码:


但这也不行

您需要将目标指向css中的内部列表,使其显示出来

更改css,如下所示:

 li.the_one:hover {
 display:block;
 }
“li.the_one:hover”表示,当类为“the_one”的li悬停在上方时,会发生这种情况,然后它会在类为“the_one”的列表项中对类为“the_one”的ul应用display:block

希望这有帮助


干杯。

您需要在css中以内部列表为目标,使其显示出来

更改css,如下所示:

 li.the_one:hover {
 display:block;
 }
“li.the_one:hover”表示,当类为“the_one”的li悬停在上方时,会发生这种情况,然后它会在类为“the_one”的列表项中对类为“the_one”的ul应用display:block

希望这有帮助


干杯。

您的HTML无效
必须只有
  • 作为子项(包括其他
    )。解决此问题后,添加以下规则:

    li.the_one:hover ul.the_one
    {
    display:block
    }
    

    您的HTML无效。
    必须只有
  • 作为子项(这包括其他
    )。解决此问题后,添加以下规则:

    li.the_one:hover ul.the_one
    {
    display:block
    }
    

    您的HTML无效

    .the_one {
        display: none;
    }
    
    .one_one:hover .the_one {
        display: block;
    }
    
    
    
      服务
      • 语言1
      • 语言2
      • 语言3
      • 语言4
      • 语言5
      关于我们 联系人


    第二个无序列表应位于第一个无序列表的列表项中。

    您的HTML无效

    .the_one {
        display: none;
    }
    
    .one_one:hover .the_one {
        display: block;
    }
    
    
    
      服务
      • 语言1
      • 语言2
      • 语言3
      • 语言4
      • 语言5
      关于我们 联系人

    第二个无序列表应位于第一个无序列表的列表项中