nth-child()括号里面的顺序号是指“兄弟姐妹”之间的序号，并不是整个家族不分辈分的序号。在你的代码中，第一个div和第二个div是兄弟关系，它们的序号是1和2，所以它们分别获得了第1个和第2个样式，而3-1和3-2这两个div则是前两个div的“侄子”（它们外面所套的那个div则是它们的“父亲”）...
CSS3 选择器nth-child问题，谢绝抢答，求懂的大神。
nth-child()括号里面的顺序号是指“兄弟姐妹”之间的序号，并不是整个家族不分辈分的序号。在你的代码中，第一个div和第二个div是兄弟关系，它们的序号是1和2，所以它们分别获得了第1个和第2个样式，而3-1和3-2这两个div则是前两个div的“侄子”（它们外面所套的那个div则是它们的“父亲”），所以它们的序号会重新分配为1和2，并分别匹配第1和第2个样式。听懂没有？
改成这样就行：
<style>body>div:nth-child(1) {background:#78caf1;/*蓝*/}body>div:nth-child(2) {background:#ffc04c;/*橙*/}div>div:nth-child(1) {background:#33bf51;/*绿*/}</style>2017-05-13
第三个div有样式，只不过是你看不见2019-04-02
