你能选择出,前几个元素吗?使用纯css

时间:2021-01-31 23:23:27

面试被问到 ,你能选择出前几个元素吗?括弧只能使用css 

  我当时是一脸懵逼。。。

    回去的路上思考一路 终于想到了解决办法 虽然为时已晚 但是觉得很有意义...

    首先要用到 否定选择器 : :not() 当然可以理解为取反

    其次需要用到的是 : :nth-child(n) 注意此处的参数n是可以选择选择设置最小值得 即 最小为1  即为 :nth-child(n+1)

    结合使用即为: 

      选择前五个元素:

        ==> :not(:nth-child(n+4)) 

 

    ps:希望可以帮到后续面试的同学,实际的工作中可以用到  会省掉不必要的循环