很多前端开发工程师都知道 CSS伪类 :nth-child 非常有用，特别是在选择一些规则比较复杂的元素时。我承认我只会一些最简单的 :nth-child 伪类用法，在选择一些规则比较复杂的元素时，尝尝会感到束手无策。直到今天发现Family.scss开源项目位置。

Family.scss 是一套 Sass mixin ，它将帮助您以一种简单的方式来实现 :nth-child 伪类复杂用法。

Family.scss项目官网以可视化方式展示 :nth-child 的用法，你还可以自行修改它的数值来实时展示效果。如果你不用Sass，可以在官网最底下的 PLAYGROUND 中，直接导出你要的CSS选择器。，真的方便！

[repo owner=”LukyVj” name=”family.scss”]