CSS3伪类选择第n个元素

##CSS3伪类选择第n个元素

第一
#parent p:first-child{
//id p标签 : first-child
}

第三
#parent p:nth-child(3){
}

最后
#parent p:last-child{
}

#CSS3伪类

CSS3中的伪类允许我们在不适用javascript等脚本的情况下去设置web页面中某些特定的元素的属性。

伪类通常以 “:”(冒号)开头。:first-child和:last-child是较为常用的伪类。

:first-child将会匹配该元素中的第一个子元素。

:last-child则反之，匹配最后一个子元素。

#如何使用伪元素

伪元素用于选择元素的特定部分。

在CSS中有五个伪元素，每个都以一个双冒号(::)开头：

::first-line- 选择器中文本的第一行
::first-letter - 选择器中文本的第一个字母
::selection - 选择用户选择的元素部分
::before - 在元素之前插入一些内容
::after - 在元素之后插入一些内容

使用::before和::after伪元素允许我们向页面添加各种各样的内容,在其定义中插入相关内容

p::first-line {
   color: #AE4141;
}