CSS :nth-child(an+b)的用法
:nth-child(an+b)代表 「每a個的第b個」
。
我們直接來看css(下方語法是sass)
li
display: inline-block
padding: 20px
margin: 10px
background-color: #ccc
//an+b,每a個的第b個
&:nth-child(3n+1)
background-color: #0fa
&:hover
background-color: #0ff
cursor: pointer
下面我在CodePen有做一個範例,可參考。