不知道大家在使用first-child、last-child以及nth-child（）时有没有遇到过以下问题：
当时用选择器p:first-child并对其进行样式设置时，除了第一个p以外，div中的第一个p也会被设置样式。w3c中对于:first-child的解释是 “:first-child 这个伪类，只有当元素是另一个元素的第一个子元素时才能匹配。”也就是说，p:first-child这个选择器会选中网页中的所有第一个p标签，包括在其他块级元素里的第一个p标签；p:last-child选择器同理，会选中网页中的所有最后一个p标签。效果如图：
所以，遇到这种情况时，还不如直接给想要设置的元素加上一个id或者class方便，这样绝对不会找错了（我可能说了一句废话）
至于“:nth-child()”，当我试图用div p:nth-child(3)去找到“这是第四段文字”的p标签并对其设置样式时，网页中的文字没有任何样式上的变化，这证明我写的是一个无效的选择器。当我将选择器改为“div p:nth-child(4)”时，样式设置成功；w3c中对于“:nth-child()”的解释是“:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。"也就是说，复杂的楼房想找到第三个p但它是父元素的第四个子元素时，n就为4，不管前面是不是有一个span或者div什么的。如图：
不过 IE8 及更早的版本是不兼容这个选择器的。