这个伪类选择器应该叫孩子选择器,意思是选择网页中所有父节点的第一个子节点,并且这第一个子字节点必须是指定标签元素
写法有
:first-child
:last-child
:nth-child(odd)
:nth-child(even)
:first-child解释:
1 <div class="sidebar"> 2 <p>1</p> 3 <p>2</p> 4 </div> 5 <div class="main"> 6 <a>3</a> 7 <p>4</p> 8 </div> 9 <div class="foot"> 10 <p>5</p> 11 <p>6</p> 12 </div>
css样式这样写
1 :first-child{background:red;}
则所有父节点下面的第一个子节点且为p标签的才会背景颜色为红色,显示红色的为1,5,;3因为是a标签所以不符合条件