问答详情
源自:9-10 制作3D旋转导航综合练习题

css3写法的疑问

.nav-menu > li 中的>是怎么回事呢,跟.nav-menu  li的写法一样的吗 

提问者:无所谓_0001 2017-03-10 14:32

个回答

  • Pst_wac
    2017-03-17 16:13:14

    .nav-menu > li这个是子选择器,只选元素的直接后代,不隔代遗传。

    nav-menu li这个是后代选择器,选元素的所有li后代。

  • 慕粉1711228114
    2017-03-12 15:36:45

    >符号表示子元素选择器,意思是选择父元素下面所有“直接“子元素,嵌套的孙元素及以后的后代元素不会被选择,比如下面.nav-menu > li 只会选择内容为a的li,内容为b的不会被选择:

    <ul class="nav-menu">

      <li>a</li>

      <li>a

        <ul>

          <li>b</li>

          <li>b</li>

        </ul>

      </li>

      <li>a</li>

    </ul>