css_selector定位詳解

driver.find_element_by_css_selector()

css定位可以分爲四類：id、class、其他屬性、路徑。

1 #id方式

兩種方式，可以在前面加上tag名稱，也可以不加

driver.find_element_by_css_selector(‘#id_value’)

driver.find_element_by_css_selector(‘tag_name#id_value’)

2 .class方式

兩種方式，前面加上tag名稱，也可以不加。如果不加tag名稱時，點不能省略。

driver.find_element_by_css_selector(‘.class_value’)

driver.find_element_by_css_selector(‘tag_name.class_value’)

有的class_value比較長，而且中間有空格時，不能把空格原樣寫進去，那樣不能識別。這時，空格用點代替，前面要加上tag_name。

driver.find_element_by_css_selector('div.panel.panel-email').click()

3其他屬性方式

兩種方式，可以在前面加上tag名稱，也可以不加。

driver.find_element_by_css_selector(“[attri_name=’attri_value’]”)

driver.find_element_by_css_selector("input[type='password']").send_keys('我要自學網')

driver.find_element_by_css_selector("[type='password']").send_keys('我要自學網')

1.3.4路徑法

兩種方式，可以在前面加上tag名稱，也可以不加。注意它的層級關係使用大於號“>”。

driver.find_element_by_css_selector("form#loginForm>ul>input[type='password']").send_keys('111222333')