css3常用伪类选择器

p:before{content:"开始+";}//在p标签内容之前插入内容
p:after{content:"←结束";}//在p标签内容结束之后添加
p:first-child{ color:#FC6;}//符合条件的第一个子元素
p:last-child{color:#3F3;}//最后一个子元素
p:nth-child(3){ color:#F00;}//第三个子元素

<p>第一个</p>
<p>第二个</p>
<p>第三个</p>
<p>最后一个</p>