#每天一个知识点#
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 元素进行预过滤,然后从该列表中选择第二个元素。
展开
评论