获得徽章 7
#与A-SOUL一起成为更好的自己# 避开雪糕刺客
#每天一个知识点#
nth-of
大部分同学应该知道 :nth-child() 和 :nth-of-type() 这样的结构伪类选择器，但对于更高级的 nth-of 就不太知道了。
**注意，这里所说的 nth-of 是指 :nth-child() 和 :nth-of-type() 选择器更高级的用法，可以在它们的参数中带一个关键词 of ，允许你在更具体的子集中使用现有的微语法 An + B。比如 :nth-child(An+B [of S]?) 和 :nth-last-child(An+B [of S]?) 等。
如果你在特殊类上使用常规的 :nth-child()，例如 :nth-child(2)，浏览器将选择应用特殊类的第二个子元素。这与 :nth-child(2 of .special)不同，后者将首先对所有 .special 元素进行预过滤，然后从该列表中选择第二个元素。
#与A-SOUL一起成为更好的自己# 夏天就是要吃西瓜
#每天一个知识点# 为了控制 Web 浏览器的CSS 滚动捕捉行为，CSS 提供了一组有价值的属性。其中一些功能已经扩展，但更新的浏览器版本现在才可以访问其他功能。关于 CSS 趋势的最好的一点是，大概只有三分之一的 CSS 用户知道它。
使用「scroll-snap-type」属性，您可以通过多种方式修改容器上的滚动位置。开发人员可以获得更高的精度，而最终用户则可以享受更流畅、更可控的用户体验。
#与A-SOUL一起成为更好的自己# 一年比一年热，难受
#每天一个知识点#
ASK 属性是 CSS3 中新增的属性，它可以让我们在元素上创建出各种奇妙的遮罩效果。MASK 属性有两个主要的属性值：mask-image 和 mask-type。
mask-image：指定遮罩图像的 URL。
mask-type：指定遮罩类型，可以是 alpha、luminance 或 auto。
#每天一个知识点#
clip : auto | rect ( number number number number )
auto : 默认值。对象无剪切
rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象 左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用 auto 替换，即此边不剪切。
babeljs.io