随笔分类 -  css3

摘要：让我们看下面一段html：复制代码代码如下:<section><p>Little</p><p>Piggy</p> <!-- 定位此元素--></section>下面的2种写法都可以达到目的复制代码代码如下:p:nth-child(2) { color: red;}p:nth-of-type(2) { color: red;}但两者是存在差异的:nth-child 选择器，在此例子中意思就是指1.首先是个p元素2.其次这个p元素是其父元素的第二个孩子:nth-of-type 选择器，在此例子中意思就是指1.定位一 阅读全文