<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<p>恢复和的</p>
<p>恢复和的</p>
<p>恢复和的</p>
<p>恢复和的</p>
<p>恢复和的</p>
<p>恢复和的</p>
<p>恢复和的</p>
<p>恢复和的</p>
</body>
</html>
第一个子元素
p:first-child{
//会选择第一个子元素，，p元素的父元素的第一个子元素---注意p元素的父元素的第一个子元素并不一定是p元素
}
p:last-child{
//最后一个子元素----的即是p元素又是p元素的父元素的最后一个子元素----不一定是p元素
}
p:nth-child(n){
//选择任意位置的子元素，n=2,及表示第2个子元素---不一定是p元素
}
p:nth-child(even){
//选择偶数位置的子元素---不一定是p元素
}
p:nth-child(odd){
//选择基数位置的子元素---不一定是p元素
}
p:first-of-type{
}
p:last-of-type{
}
p:nth-of-type{
}
//以上只可能选择同一种子元素，即在父元素中只查找p元素，在所有的p元素中计算位置