CSS :nth-child(an+b)的用法

by on # css

: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有做一個範例,可參考。

CodePen, css, nth-child(an+b)
comments powered by Disqus