css定位比較靈活，一般情況下定位速度要比XPTAH要快。

基礎語法

1.選擇器 注意class屬性值是包含某值

2.節點關係定位

3.謂語

例項

以百度首頁為例，定位一些元素。舊版本的firebug和firefox也可以，但是現在這兩個外掛已經被遺棄，推薦使用try xpath來驗證自己的選擇器是否正確。

a.根據元素屬性定位

a[name=tj_trnews] 如果找到的話，在網頁上會紅色虛線框標註找到的元素（way=querySelector如果找到多個符合條件的元素，只會返回第一個，querySelectorALL是返回所有，建議使用此選項）。class是不唯一的，並且無id屬性，這裡使用了name屬性值。

a[name^=tj] 這個條件會找到多個元素


b.利用層級關係定位元素

a[name=tj_trnews],a[name=tj_trhao123] 這裡同時定位到了“新聞”和“好123”這兩個元素

a#virus-2020+a[name^=tj] 兄弟關係定位，先定位到“抗擊肺炎”，再去找這個元素的毗鄰元素，只會返回一個符號條件的。

a#virus-2020~a[name^=tj] 返回所有符合此選擇器條件的兄弟元素 注意這裡找到的兄弟元素，在html裡的位置都是後面的，可以理解為找到的都是弟弟

c.contain和not的使用

這裡為何報錯了呢？emmm…看起來像是不支援

d.層級定位

定位下面的ul元素