css结构选择器组合使用，选择父元素中多个子元素中某一段元素

nth-of-type()和nth-child()写法一样，这里只用nth-of-type()演示，习惯type

直接上代码

         /* 从前向后选择，第6个开始 */
         li:nth-of-type(n+6){
             background: pink;
         }
         /* 从前向后选择，选择前6个 */
         li:nth-of-type(-n+6){
             background: blue;
         }
         /* 从后向前选择，倒数第6个结束 */
         li:nth-last-of-type(-n+6){
             background: red;
         }
         /* 选择第6个到第9个元素*/
         li:nth-of-type(n+6):nth-last-of-type(n+6){
             background: black;
         }