首页 > Web开发 > 详细

【20190226】CSS-知识点记录::nth-child,:nth-of-type

时间:2019-02-26 12:59:13      阅读:143      评论:0      收藏:0      [点我收藏+]

:nth-child:

ele:nth-child(k):选择父元素下第k个子元素,且该子元素为ele,若不是,则选择失败,k从1开始计数

ele:nth-child(-n+5):选中前五个子元素,n从0开始

ele:nth-child(n+5):选中第五个子元素后的所有元素,n从0开始

ele:nth-child(odd/2n+1):选中所有第奇数个子元素

ele:nth-child(even/2n):选中所有第偶数个子元素

ele:nth-child(n+4):nth-child(-n+8):选中第4到第8个子元素

 

:nth-of-type:

ele:nth-of-type(k):选择父元素下第k个ele元素,其他选择用法同上

【20190226】CSS-知识点记录::nth-child,:nth-of-type

原文:https://www.cnblogs.com/huangrui-dori/p/10436226.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!