:first-child是css2中定義的選擇器
p:first-child{
color: red;
}
//功能是選擇所有作爲父元素第一個子元素的p元素
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<body>
<a>0</a>
<p>1</p>
<p>2</p>
<p>3</p>
</body>
//有其他元素作爲第一個元素時不選中
:first-of-type是css3中定義的選擇器
p:first-of-type{
color: red;
}
//功能是選擇所有父元素裏第一個p子元素
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<body>
<a>0</a>
<p>1</p>
<p>2</p>
<p>3</p>
</body>
//此時仍然可以選中