Navigation 显示:无;和显示:块;在导航菜单中

Navigation 显示:无;和显示:块;在导航菜单中,navigation,html-lists,css,Navigation,Html Lists,Css,我正在尝试更多地理解一些CSS编码。我借了一个导航栏。HTML代码如下所示: <ul> <li> <a href="">Business</a> <ul> <li><a href="#">sub menu item 1</a></li> <li><a hr

我正在尝试更多地理解一些CSS编码。我借了一个导航栏。HTML代码如下所示:

      <ul>
        <li>
        <a href="">Business</a>
            <ul> 
            <li><a href="#">sub menu item 1</a></li>
            <li><a href="#">sub menu item 2</a></li>
            </ul>
        </li>
    </ul>
我不明白一些显示标签。
li ul{display:none;}
做什么


显示:块这在我的代码(上面)中起什么作用?

li ul{display:none;}将隐藏在li标记下定义的ul列表


li:hover ul{display:block;。}这将显示在li标签下定义的隐藏ul列表块

li ul{display:none;}将隐藏在li标签下定义的ul列表


li:hover ul{display:block;。}这将显示在li标签下定义的隐藏ul列表块

CSS display:none表示隐藏元素;显示:块表示显示元素

看看后代选择器-

就你而言

 li ul { display: none; }
表示作为LIs子代的那些ULs将不显示(显示:无vs.显示:块)

换句话说,

<ul id='parentUL'>
   <li id='childLI'>
      <ul id='childUL'>
      </ul>
   </li>
</ul>


  • childUL将不会基于此CSS显示。

    CSS显示:无表示隐藏元素;显示:块表示显示元素

    li ul { display: none; }
    
    看看后代选择器-

    就你而言

     li ul { display: none; }
    
    表示作为LIs子代的那些ULs将不显示(显示:无vs.显示:块)

    换句话说,

    <ul id='parentUL'>
       <li id='childLI'>
          <ul id='childUL'>
          </ul>
       </li>
    </ul>
    
    
    
  • childUL将不会基于此CSS显示

    li ul { display: none; }
    
    将ul标记隐藏在li标记中

    display: block;
    
    这将显示为div或段落。(它将使其可见)

    将ul标记隐藏在li标记中

    display: block;
    

    这将显示为div或段落。(它将使其可见)

    它只是在显示模式之间切换-元素在页面上的行为方式。正如您可能猜到的,
    none
    意味着它根本不会显示。另外两种最常见的显示类型是
    inline
    block

    内联元素是诸如

    编辑:

    我知道从技术上讲,
    不是一个纯粹的
    内联元素。它确实以内联方式显示,但与传统的
    内联
    元素不同,它可能具有一些
    属性,例如宽度或高度。实际上,它可能更像是一个
    内联块
    元素,但这是另一天的讨论

    它只是在显示模式之间切换-元素在页面上的行为。正如您可能猜到的,
    none
    意味着它根本不会显示。另外两种最常见的显示类型是
    inline
    block

    内联元素是诸如

    编辑:

    我知道从技术上讲,
    不是一个纯粹的
    内联元素。它确实以内联方式显示,但与传统的
    内联
    元素不同,它可能具有一些
    属性,例如宽度或高度。实际上,它可能更像是一个
    内联块
    元素,但这是另一天的讨论

    不是段落,它们是内联元素。显示:块元素不是内联元素。对于内联,您使用display:inline.Yes。div是块级元素。段落是内联元素。通过设置显示块,它将不会像普通段落一样显示。不是段落,它们是内联元素。显示:块元素不是内联元素。对于内联,您使用display:inline.Yes。div是块级元素。段落是内联元素。通过设置显示块,它将不会像普通段落一样显示。说明:
    display:block不表示“显示元素”。它的意思是“显示为块元素”。在这种特殊情况下,您的语句是正确的,但是如果元素自然是
    内联的
    表格
    或其他东西,那么如果您只使用
    显示:块切换可见性。说明:
    显示:块不表示“显示元素”。它的意思是“显示为块元素”。在这种特殊情况下,您的语句是正确的,但是如果元素自然是
    内联的
    表格
    或其他东西,那么如果您只使用
    显示:块切换可见性。