比如下面的程式碼，剛開始不知為什麼 ：first-child的偽類選擇器不起作用，而last-child卻有作用

<div class="procedureWrap">    
	<div class="procedure_info">
		尊敬的使用者您好，您的入職流程需要按照如下步驟進行操作，瞭解流程後即可前往填寫相關資訊
	</div>    
	<div class="procedure">
		填寫入職資料和身份資訊<br />
		(包括身份證賬號和照片等)
	</div>    
	<div class="arrow">
	</div>    
	<div class="procedure">
		檢視相關規章制度並確認
	</div>    
	<div class="arrow">
	</div>    
	<div class="procedure">
		籤勞動合同閱讀並手寫簽字等等
	</div>    
	<div class="arrow">
	</div>    
	<div class="procedure">
		社保資訊錄入和工資卡資訊填寫
	</div>
</div>
.procedure:first-of-child{margin-bottom: 4px;height: 48px;line-height: 18px;}	
 

後來查閱有關資料發現：

使用:first-child偽類時一定要保證前面沒有兄弟節點，把

<div class="procedure_info">尊敬的使用者您好，您的入職流程需要按照如下步驟進行操作，瞭解流程後即可前往填寫相關資訊</div>

<div class="procedure_info">尊敬的使用者您好，您的入職流程需要按照如下步驟進行操作，瞭解流程後即可前往填寫相關資訊</div>

procedure:first-child