css3选择器-选择范围

2019独角兽企业重金招聘Python工程师标准>>>

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

@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; }
    }

转载于:https://my.oschina.net/u/2612473/blog/703257