child-selector解释

这个伪类选择器应该叫孩子选择器，意思是选择网页中所有父节点的第一个子节点，并且这第一个子字节点必须是指定标签元素

写法有

:first-child

:last-child

:nth-child(odd)

:nth-child(even)

:first-child解释：

 <div class="sidebar">
      <p>1</p>
      <p>2</p>
 </div>
 <div class="main">
     <a>3</a>
     <p>4</p>
 </div>
 <div class="foot">
     <p>5</p>
     <p>6</p>
 </div>

css样式这样写

 :first-child{background:red;}

则所有父节点下面的第一个子节点且为p标签的才会背景颜色为红色，显示红色的为1,5,；3因为是a标签所以不符合条件