css3选择器-选择范围

 使用媒体查询根据不一样的屏幕隐藏不一样的元素   

@media (max-width: 1500px){
    li:nth-child(n+4):nth-child(-n+5){display:none;}

// 上面意思为从第4个li到第5li,这两个隐藏，经测试里面的n 不能省略
    }

    @media (max-width: 1024px){
     li:nth-child(n+2):nth-child(-n+5){display:none;}   // 意思为从第2个li到第5li,这两个隐藏，
    }

    @media (max-width: 801px){
    .head-companylist, .head-companylist-more{ display:none; }
    }