CSS选择器这块儿真的挺绕的，今天又被 :nth-child 和 :nth-of-type 绕晕了……俩看起来差不多，结

宇文广利Lv1 2026-02-02 17:56:16

CSS选择器这块儿真的挺绕的，今天又被 :nth-child 和 :nth-of-type 绕晕了……俩看起来差不多，结果一个是从头数元素，一个是按标签类型数，谁懂啊

p:nth-child(2) { color: red; }  
p:nth-of-type(2) { color: blue; }

第一个是找第二个子元素且得是 p，不然不生效；第二个是找第二个 p 标签，不管前面有几个别的元素。真的细节拉满

反馈