css选择器有44种:
.class: .intro,选择class=‘intro’的所有元素
#id: #firstname,选择id=‘fistname’的所有元素
*: *,选择所有的元素
element: p,选择所有的p标签的元素
element,element: div,p,选择所有的div标签元素和所有p标签的元素
element element: div p,选择div标签元素内部的所有p标签元素
element>element: div>p,选择父元素为div标签元素的所有p标签元素
element+element: div+p,选择紧接在div元素之后的所有p元素
[attribute]: [target],选择带有target属性的所有元素
[attritube=value]:[target=_blank],选择target=”_blank”的所有元素
[attritube~=value]:[title~=flower],选择title属性包含单词‘flower’的所有元素
[attritube|=value]:[lang|=en],选择lang属性值以‘en’开头的所有元素(css2)(selenium用不到)
:link a:link,选择所有未被访问的链接
:visited a:visited,选择所有已被访问的链接
:active a:active,选择活动链接
:hover a:hover,选择鼠标指针位于其上的链接
:focus input:focus,选择获得焦点的input元素
:first-letter p:first-letter,选择每个p标签元素的首字母(获取p标签包含文本的首字母)
:first-line p:first-line,选择每个p标签元素的首行(获取p标签包含文本的首行)
:first-child p:first-child,选择属于父元素的第一个子元素的每个p标签元素
:before p:before,在每个p标签元素的内容之前插入内。(样式指定内容插入到p标签包括的文本之前)
:after p:after,在每个p标签元素的内容之后插入内容。(样式指定内容插入到p标签包括的文本之后)
:lang(language) p:lang(it),选择的lang属性值等于it的每个p标签元素
element1~element2 p~ul,选择前面有p标签元素的每一个ul标签元素(只要前面有p标签都可以,不管跨不跨标签,也不管是不是子标签)
[attribute^=value] a[src^=’https’],选择其src属性以’https’开头的每个a标签元素
[attribute$=value] a[src$=’.pdf’],选择其src属性以’.pdf’结尾的所有a标签元素
[attribute*=value] a[src*=’abc’],选择其src属性包含’abc’子串的每个a标签元素
:first-of-type p:first-of-type,选择父元素的首个p标签元素的每个p标签元素(所有p标签对应的父标签的第一个子p标签元素)
:last-of-type p:last-of-type,选择父元素的最后一个p标签元素的每个p标签元素(所有p标签对应的父标签的最后一个子p标签元素)
:only-of-type p:only-of-type,选择父元素里面唯一的p标签元素的每个p标签元素(所有p标签对应的父标签元素只有一个子p标签元素)
:only-child p:only-child,选择父元素里面只有一个标签的每个p标签元素(父标签里面只有一个p标签)
:nth-child(n) p:nth-child(2),选择属于父元素的第二个子元素的每个p标签元素(所有的p标签的父标签对应的第二个子标签元素)
:nth-last-child(n) p:nth-last-child(2),选择属于父元素的倒数第二个子元素的每个p标签元素(所有的p标签的父标签对应的倒数第二个子标签元素)
:nth-of-type(n) p:nth-of-type(2),选择属于其父标签元素的第二个p标签的每个p标签元素(所有p标签对应的父标签的第二个p标签元素,也就是这个和p标签平级)
:nth-last-of-type(n) p:nth-last-of-type(2),选择属于其父标签元素的倒数第二个p标签的每个p标签元素(所有p标签对应的父标签的倒数第二个p标签元素,也就是这个和p标签平级)
:last-child p:last-child,选择属于其父标签元素最后一个子元素是p标签的每个p标签元素(父标签的最后一个标签必须是p标签)
:root :root,选择文档的根元素
:empty p:empty,选择没有子元素的每个p标签元素(包括文本节点,无法理解)
:target #news:target,选择当前活动的#news元素(锚点定位)
:enabled input:enabled,选择每个启用input标签元素(input文本可编辑)
:disabled input:disabled,选择每个禁用input标签元素(input文本不可编辑)
:checked input:checked,选择每个被选中的input标签元素
:not(selector) :not(p),选择非p标签元素的每个元素
::selection ::selection,选择被用户选取的元素部分(选取文本会被样式控制)
selenium通过css定位常用的有:
通过class定位,一个标签有多个class中间的空格用点代替,通过父标签的父标签定位p,在通过p定位子标签input,通过标签+class定位
#element element: div p,选择div标签元素内部的所有p标签元素
#element>element: div>p,选择父元素为div标签元素的所有p标签元素
#element element: div p,选择div标签元素内部的所有p标签元素
#element>element: div>p,选择父元素为div标签元素的所有p标签元素
#element+element: div+p,选择紧接在div元素之后的所有p元素
#id: #firstname,选择id=‘fistname’的所有元素
#[attritube=value]:[target=_blank],选择target=”_blank”的所有元素
#[attribute]: [target],选择带有target属性的所有元素
#[attritube~=value]:[title~=flower],选择title属性包含单词‘flower’的所有元素
#:first-child p:first-child,选择属于父元素的第一个子元素的每个p标签元素
#[attribute^=value] a[src^=’https’],选择其src属性以’https’开头的每个a标签元素
#[attribute$=value] a[src$=’.pdf’],选择其src属性以’.pdf’结尾的所有a标签元素
#[attribute*=value] a[src*=’abc’],选择其src属性包含’abc’子串的每个a标签元素
#:first-of-type p:first-of-type,选择父元素的首个p标签元素的每个p标签元素(所有p标签对应的父标签的第一个子p标签元素)
#:last-of-type p:last-of-type,选择父元素的最后一个p标签元素的每个p标签元素(所有p标签对应的父标签的最后一个子p标签元素)
#:only-of-type p:only-of-type,选择父元素里面唯一的p标签元素的每个p标签元素(所有p标签对应的父标签元素只有一个子p标签元素)
#:nth-child(n) p:nth-child(2),选择属于父元素的第二个子元素的每个p标签元素(所有的p标签的父标签对应的第二个子标签元素)
#:only-child p:only-child,选择父元素里面只有一个标签的每个p标签元素(父标签里面只有一个p标签)
#:nth-last-child(n) p:nth-last-child(2),选择属于父元素的倒数第二个子元素的每个p标签元素(所有的p标签的父标签对应的倒数第二个子标签元素)
#:nth-of-type(n) p:nth-of-type(2),选择属于其父标签元素的第二个p标签的每个p标签元素(所有p标签对应的父标签的第二个p标签元素,也就是这个和p标签平级)
#鼠标放上悬浮选择菜单ActionChains(browser).move_to_element(article).perform()需要导入ActionChains包from selenium.webdriver.common.action_chains import ActionChains
#:nth-last-of-type(n) p:nth-last-of-type(2),选择属于其父标签元素的倒数第二个p标签的每个p标签元素(所有p标签对应的父标签的倒数第二个p标签元素,也就是这个和p标签平级)
#:last-child p:last-child,选择属于其父标签元素最后一个子元素是p标签的每个p标签元素(父标签的最后一个标签必须是p标签)
#coding=utf-8
from selenium import webdriver
import time
from selenium.webdriver.common.action_chains import ActionChains
browser=webdriver.Chrome()
browser.maximize_window()
browser.get('地址')
#通过class定位,一个标签有多个class中间的空格用点代替
browser.find_element_by_css_selector('.ant-input.inp.mt28').send_keys('ceshi')
#通过父标签的父标签定位p,在通过p定位子标签input
browser.find_element_by_css_selector('div.login-main>p:nth-child(2)>input').send_keys('123456')
#通过标签+class定位
browser.find_element_by_css_selector('button.ant-btn.ant-btn-primary').click()
time.sleep(1)
#element element: div p,选择div标签元素内部的所有p标签元素
browser.find_element_by_css_selector('div.icon-pass-change-div i').click()
time.sleep(1)
#element>element: div>p,选择父元素为div标签元素的所有p标签元素
browser.find_element_by_css_selector('button.ant-modal-close>span').click()
time.sleep(1)
#element+element: div+p,选择紧接在div元素之后的所有p元素
browser.find_element_by_css_selector('div.user-name+div>i').click()
time.sleep(1)
#id: #firstname,选择id=‘fistname’的所有元素
browser.find_element_by_css_selector('#sourcePwd').send_keys('wafer123')
#[attritube=value]:[target=_blank],选择target="_blank"的所有元素
browser.find_element_by_css_selector('#newPassword[type="password"]').send_keys('123456')
#[attribute]: [target],选择带有target属性的所有元素
browser.find_element_by_css_selector('#confirmPassword[placeholder]').send_keys('123456')
#[attritube~=value]:[title~=flower],选择title属性包含单词‘flower’的所有元素
browser.find_element_by_css_selector('button[class~=ant-btn]:nth-child(1)').click()
#:first-child p:first-child,选择属于父元素的第一个子元素的每个p标签元素
time.sleep(1)
browser.find_element_by_css_selector('.dept-chose-icon>i:first-child').click()
time.sleep(1)
#[attribute^=value] a[src^='https'],选择其src属性以'https'开头的每个a标签元素
browser.find_element_by_css_selector('button[aria-label^="Close"]>span').click()
time.sleep(1)
#[attribute$=value] a[src$='.pdf'],选择其src属性以'.pdf'结尾的所有a标签元素
browser.find_element_by_css_selector('i[class$="anticon anticon-plus-circle-o"]').click()
time.sleep(1)
#[attribute*=value] a[src*='abc'],选择其src属性包含'abc'子串的每个a标签元素
browser.find_element_by_css_selector('.ant-modal-body>span[class*="ant-select"]').click()
time.sleep(1)
#:first-of-type p:first-of-type,选择父元素的首个p标签元素的每个p标签元素(所有p标签对应的父标签的第一个子p标签元素)
browser.find_element_by_css_selector('.ant-select-tree>li:first-of-type').click()
time.sleep(0.5)
#:last-of-type p:last-of-type,选择父元素的最后一个p标签元素的每个p标签元素(所有p标签对应的父标签的最后一个子p标签元素)
browser.find_element_by_css_selector('.ant-modal-footer>button:last-of-type').click()
time.sleep(0.5)
#:only-of-type p:only-of-type,选择父元素里面唯一的p标签元素的每个p标签元素(所有p标签对应的父标签元素只有一个子p标签元素)
browser.find_element_by_css_selector('.dept-chose-icon>i:only-of-type').click()
time.sleep(0.5)
#:nth-child(n) p:nth-child(2),选择属于父元素的第二个子元素的每个p标签元素(所有的p标签的父标签对应的第二个子标签元素)
browser.find_element_by_css_selector('.ant-modal-footer>button:nth-child(1)').click()
time.sleep(0.5)
#:only-child p:only-child,选择父元素里面只有一个标签的每个p标签元素(父标签里面只有一个p标签)
browser.find_element_by_css_selector('.ant-menu-submenu-title>i:only-child').click()
#:nth-last-child(n) p:nth-last-child(2),选择属于父元素的倒数第二个子元素的每个p标签元素(所有的p标签的父标签对应的倒数第二个子标签元素)
browser.find_element_by_css_selector('#item_0\$Menu>li:nth-last-child(2)').click()#id里面有$符号需要转义一下
time.sleep(0.5)
#:nth-of-type(n) p:nth-of-type(2),选择属于其父标签元素的第二个p标签的每个p标签元素(所有p标签对应的父标签的第二个p标签元素,也就是这个和p标签平级)
article=browser.find_element_by_css_selector('.ant-menu-submenu-title>i:nth-of-type(1)')
#鼠标放上悬浮选择菜单ActionChains(browser).move_to_element(article).perform()需要导入ActionChains包
ActionChains(browser).move_to_element(article).perform()
time.sleep(0.5)
#:nth-last-of-type(n) p:nth-last-of-type(2),选择属于其父标签元素的倒数第二个p标签的每个p标签元素(所有p标签对应的父标签的倒数第二个p标签元素,也就是这个和p标签平级)
browser.find_element_by_css_selector('#item_0\$Menu>li:nth-last-of-type(2)').click()
time.sleep(1)
#:last-child p:last-child,选择属于其父标签元素最后一个子元素是p标签的每个p标签元素(父标签的最后一个标签必须是p标签)
browser.find_element_by_css_selector('.user-info>div:last-child').click()
time.sleep(0.5)
browser.find_element_by_css_selector('.ant-confirm-btns>button:nth-child(2)').click()
browser.close()