码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-02-26 11:52:06      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:bsp   元素   type   知识   失败   知识点   偶数   开始   五个   

: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

标签:bsp   元素   type   知识   失败   知识点   偶数   开始   五个   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!