-
:nth-child(n)
中某个元素,该元素必须是某个父元素下的第n个子元素,n是从1开始。 -
:nth-child(n+4)
选中从第4个开始的子元素。
例如:
ul>li:nth-child(n+4) span{
background:deeppink;
}
如图所示:
- :nth-child(-n+4)
选中从第1个到第4个子元素。使用 :nth-child(-n+4) ,就相当让你选中第9个和其之前的所有子元素.
例如:
ul>li:nth-child(-n+4) span{
background:deeppink;
}
如图所示: