【20190226】CSS-知识点记录::nth-child,:nth-of-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元素,其他选择用法同上

posted @ 2019-02-26 11:34  dorrri  阅读(129)  评论(0编辑  收藏  举报