##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;
}