博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
你能选择出,前几个元素吗?使用纯css
阅读量:4917 次
发布时间:2019-06-11

本文共 349 字,大约阅读时间需要 1 分钟。

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

  我当时是一脸懵逼。。。

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

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

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

    结合使用即为: 

      选择前五个元素:

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

 

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

转载于:https://www.cnblogs.com/929LF/p/8745260.html

你可能感兴趣的文章
[PowerShell]Quote in String
查看>>
Workpress搭建经验 (ubuntu16.04+nginx+mysql+php7)
查看>>
Java List详解
查看>>
选择排序SelectSort
查看>>
一个案例深入Python中的__new__和__init__
查看>>
链接,光标,DHTML,缩放
查看>>
Flask博客类登录注册验证模块代码(十四)
查看>>
LFS、BLFS、ALFS、HLFS的区别
查看>>
Java的MD5加密和解密
查看>>
Unity3D接入移动MM支付SDK(强联网)的问题
查看>>
Accepting PayPal in games(完整的Paypal在Unity的支付)
查看>>
css
查看>>
Android无线测试之—UiAutomator UiDevice API介绍五
查看>>
Ruby中的include
查看>>
shell脚本报错:-bash: xxx: /bin/bash^M: bad interpreter: No such file or directory
查看>>
SQLServer创建用户登录
查看>>
Python基础---容器列表List
查看>>
Nginx配置文件nginx.conf中文详解(总结)
查看>>
基础SQL汇总
查看>>
2>/dev/null和>/dev/null 2>&1和2>&1>/dev/null
查看>>