nth-of-type
nth-of-type 和 nth-chid的区别
例子：.box:nth-of-type(even){} .box:nth-chid(even){} <body> <div class="box"></div> <div class="item"></div> <div class="item"></div> <div class="box"></ ......
关于vue中同时使用v-if和nth-of-type时的bug
### 问题引出 需求：例如我想要在某一个ul元素中使用v-if条件时渲染 2 个li元素， 同时第一个和第二个的样式不同，这里我使用了nth-of-type选择器去设置样式， 但是当v-if条件改变时，li元素的样式没有改变，看了下开发者工具，元素对应的选择器 没有改变，即使此时仅剩第二个li元素 ......
nth-of-type nth-child和一点正则
nth-of-type： 会找到类名为span-50的标签，你这里的span-50的标签是div,就会拿父级里面的所有div去算奇数偶数的 let res = '123456789'.replace(/(?!^)(?=(\d{4})+$)/g, ','); 用于给数字加分割逗号 ......
nth-child 和 nth-of-type 的区别
二者都是从父元素的子元素中匹配，或者说从同级兄弟元素中匹配，区别是主要是匹配规则不同； element:nth-child（n） 选中父元素的第几个子元素 , 计数时与元素的类型无关 是先根据 n 匹配规则，在此基础上匹配 element； 首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开 ......