首页 > 其他分享 >css选择器语法使用(以selenium为例)

css选择器语法使用(以selenium为例)

时间:2023-04-02 17:14:01浏览次数:40  
标签:wd span 为例 selenium SELECTOR 选择器 element find CSS

"""
通过css选择器查找元素
"""
# 查找类名属性为plant的第一个元素
element = wd.find_element(By.CSS_SELECTOR, ".plant")
# 查找tag属性名为div的第一个元素
element = wd.find_element(By.CSS_SELECTOR, "div")
# 查找id属性为searchtext的第一个元素
element = wd.find_element(By.CSS_SELECTOR, "#searchtext")
# css支持通过任何属性来选择元素,其他的都用[]来表示
element = wd.find_element(By.CSS_SELECTOR, '[href]')
element = wd.find_element(By.CSS_SELECTOR, '[href="https://www.baidu.com"]')
# 也可以混合使用,如查找class属性为plant,name值为sknet的元素
element = wd.find_element(By.CSS_SELECTOR, ".plant[name='sknet']")
# 查找id为container的子元素为div标签的
element = wd.find_element(By.CSS_SELECTOR, "#container > div")
# 查找id为layer1的后代元素为span标签的
element = wd.find_element(By.CSS_SELECTOR, "#layer1   span")

"""
同时选择多个类型的节点
"""
# 选择class为plant和id为bottom的所有元素
wd.find_elements(By.CSS_SELECTOR, ".plant , #bottom")
# 选择id为t1下的所有span标签和p标签
wd.find_elements(By.CSS_SELECTOR, "#t1 span,#t1 p")

"""
按次序选择css节点
"""
# 选择span标签,且该span标签是父元素的第二个子节点
wd.find_elements(By.CSS_SELECTOR, "span:nth-child(2)")
# 选择所有父元素的第二个子节点
wd.find_elements(By.CSS_SELECTOR, ":nth-child(2)")
# 选择id为t1下的第二个子节点
wd.find_elements(By.CSS_SELECTOR, "#t1 > :nth-child(2)")
# 选择span标签,且该span标签是父元素的倒数第二个字节点
wd.find_elements(By.CSS_SELECTOR, "span:nth-last-child(2)")
# 选择父元素下第二个span标签
wd.find_elements(By.CSS_SELECTOR, "span:nth-of-type(2)")
# 选择父元素下倒数第二个span标签
wd.find_elements(By.CSS_SELECTOR, "span:nth-last-of-type(2)")
# 选择id为t1下的所有奇数子节点
wd.find_elements(By.CSS_SELECTOR, "#t1 > :nth-child(odd)")
# 选择id为t1下的所有偶数子节点
wd.find_elements(By.CSS_SELECTOR, "#t1 > :nth-child(even)")
# 选择id为t1下的所有偶数的p标签
wd.find_elements(By.CSS_SELECTOR, "#t1 > p:nth-of-type(even)")

"""
包含字符串
 a[href*="fei"] 选择a节点,里面的href属性值包含了fei
 a[href^="fei"] 选择a节点,里面的href属性值以fei开头
 a[href$=".cn"] 选择a节点,里面的href属性值以.cn结尾
"""

"""
兄弟节点的选择
"""
# 选择h3后面的紧跟的兄弟节点span
wd.find_elements(By.CSS_SELECTOR, "h3 + span")
# 选择h3后面的所有的兄弟节点span
wd.find_elements(By.CSS_SELECTOR, "h3 ~ span")

 

标签:wd,span,为例,selenium,SELECTOR,选择器,element,find,CSS
From: https://www.cnblogs.com/mlllily/p/17280787.html

相关文章

  • xpath语法的使用(以selenium为例)
    """xpath定位1.路径选择/表示根节点/html表示选择根节点下的html节点/html/body/div表示选择根节点下的html节点下面的body节点下面的div节点//div/p选择所有div下的直接子节点p元素//div//p选择所有div下的所有p元素//div/2.属性选择[@属性名="属性值"......
  • selenium简单使用
    fromseleniumimportwebdriverfromselenium.webdriver.chrome.serviceimportServicefromselenium.webdriver.common.byimportByfromselenium.webdriver.support.uiimportSelectfromselenium.webdriver.common.action_chainsimportActionChainsimporttime......
  • 层级选择器
       ......
  • 过滤器选择器
                       ......
  • 表单属性选择器
          ......
  • CSS选择器优先级(CSS三大特性:层叠性、继承性、优先级)
    本博文介绍CSS三大特性之一:优先级。1规则(1)若选择器相同,则执行层叠性(层叠性:给相同的选择器设置相同的样式,则“后来居上”,后面设置的样式会覆盖前面设置的样式);(2)若选择器不同,则有优先级。2选择器权重常见的选择器权重如下表:选择器权重继承或者*(通配符)0,0,0,0标签......
  • selenium使用css selector和xpath的比较
    selenium提供的定位方式(常用)推荐的定位方式的优先级   优先级最高:ID   优先级其次:name   优先级再次:CSSselector   优先级再次:Xpath针对cssselector和xpath的优先级做一个简单的说明在项目中我们可能用的最多的是css或者xpath,那么针对这两种,我们优先选择css,原......
  • linux操作系统实验四-以time/gettimeofday系统调用为例分析ARM64 Linux 5.4.34
    一、搭配环境(1)安装编译工具sudoapt-getinstallgcc-aarch64-linux-gnusudoapt-getinstalllibncurses5-dev build-essentialgitbisonflexlibssl-dev(2)制作根文件系统wget https://busybox.net/downloads/busybox-1.33.1.tar.bz2tar-xjfbusybox-1.33.1.tar.bz2......
  • 单例的各种方式实现,本写法以类A为例,泛型可以使用T
    单例的使用如下:#region单例的各种方式实现,本写法以类A为例,泛型可以使用TpublicclassA{#region单线程----常规,多线程不安全/////<summary>/////私有构造函数,防止初始化/////</summary>//privateA()//{......
  • selenium之关闭窗口,指定窗口大小,前进,后退,刷新等操作
    关闭窗口1、仅关闭当前窗口(Tab页),其他窗口不退出关闭用户当前正在使用的Web浏览器窗口,即WebDriver当前正在访问的窗口。.close()方法既不需要任何参数,也无任何返回值。driver.close()相当于浏览器中每个Tab页中的叉叉。2、关闭所有的浏览器窗口(WebDriver初始化的整个浏览器进程)同于......