child-selector解释
这个伪类选择器应该叫孩子选择器，意思是选择网页中所有父节点的第一个子节点，并且这第一个子字节点必须是指定标签元素
写法有
: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标签所以不符合条件
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015-03-04 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读