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标签所以不符合条件