實際的專案實踐中，個人更多偏向使用CSS定位，因為它可選擇的方向最多，處理複雜的環境能力較強，熟悉幾種常用格式後基本可以處理工作中出現的大部分需求。

以下整理自己使用較多的幾種定位格式：

1.巢狀關係的某個元素
<div class="123">
	<div class="info">..< /div>
</div>

程式碼： css = div.123>div.info

2.定位div父元素下的第4個div型別的子元素：
<div class="123456">
	::before
	<span class
 
="ac">xxxx</span>
	<div class="xxxxx">..</div>
	<div class="aaaaa">   <--------//定位這個一個元素,按順序是第四個，但指標要取3
		<em></em>
	</div>
</div>

程式碼： css = div.123456>div:nth-child(3)		

# 3.定位某個標籤，按具體的屬性值查詢
<input type="file" id="pic123">

程式碼1:  css = input[type=file][id=pic123]
也可以用程式碼2:  css = input[type=^fi][id=^pic]