26-结构选择器

55 阅读1分钟

结构选择器

  • 概念:通过html结构找到对应的标签作用样式,属于伪类选择器的一种
名称含义
:first-child找到满足条件的第一个子标签
:last-child找到满足条件的最后一个子标签
:nth-child(n)找到满足条件的指定某个子标签,2n表示偶数子标签,2n+1/2n-1表示奇数子标签
:nth-last-child(n)找到满足条件的指定某个子标签,2n表示偶数子标签,2n+1/2n-1表示奇数子标签
:nth-of-type(n)先将同类标签筛选出来,在进行排序,找到满足条件的标签
:nth-last-of-type(n)先将同类标签筛选出来,在进行排序,找到满足条件的倒数某个标签