爱网站关键词挖掘,杭州动漫设计公司最新招聘,东莞大朗网络推广外包,视觉传达设计专业作品集说明#xff1a;本篇博客基于selenium 4.1.0 selenium-css定位
element_css driver.find_element(By.CSS_SELECTOR, css表达式)
复制代码 css定位说明
selenium中的css定位#xff0c;实际是通过css选择器来定位到具体元素#xff0c;css选择器来自于css语法 css定位优点… 说明本篇博客基于selenium 4.1.0 selenium-css定位
element_css driver.find_element(By.CSS_SELECTOR, css表达式)
复制代码 css定位说明
selenium中的css定位实际是通过css选择器来定位到具体元素css选择器来自于css语法 css定位优点
语法简洁对比其他定位方式定位效率更快对比其他定位方式定位更稳定 调试方法
方法1在浏览器开发者模式的elements中CtrlF搜索栏输入css表达式 方法2在浏览器开发者模式的console中按如下格式验证表达式
$(css表达式) # 注表达式中存在引号则使用单引号$可更换为$$
复制代码 css选择器语法
基础选择器
选择器格式示例示例说明选择全部**选择全部元素标签选择器html标签p选择所有p元素ID选择器#id属性值#su选择所有idsu的元素类选择器.class属性值.s_btn选择所有classs_btn的元素属性选择器1[属性名][type]选择所有带type属性的元素属性选择器2[属性名属性值][typesubmit]选择所有typesubmit的元素属性选择器3[属性名~属性值][type~submit]选择所有type包含submit的元素属性选择器4[属性名|属性值][type|submit]选择所有type以submit开头的元素
备注某些元素属性有多个值(如class属性)值表现为以空格隔开使用时需要单个取出使用
现在我也找了很多测试的朋友做了一个分享技术的交流群共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源没人解答问题坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化性能安全测试开发等等方面有一定建树的技术大牛
分享他们的经验还会分享很多直播讲座和技术沙龙
可以免费学习划重点开源的
qq群号110685036 组合选择器
组合选择器就是同时使用多个基础选择器从而更好地筛选出目标元素
选择器格式示例示例说明标签指定属性标签加属性描述input#su选择所有idsu的input元素并集元素1,元素2div,p选择所有div和p元素父子元素1元素2divp选择所有父级是div的p元素后代元素1 元素2div p选择div中的所有p元素相邻元素1元素2divp选择div同级后的相邻p元素同级元素1~元素2div~p选择div同级后的所有p元素
伪属性选择器
伪属性选择器是指元素在html中实际并不存在该属性是由css定义的拓展描述属性
选择器格式示例示例说明唯一子元素:only-childp:only-child选择所有p元素且该元素是其父级的唯一一个元素第一子元素:first-childp:first-child选择所有p元素且该元素是其父级的第一个元素最后子元素:last-childp:last-child选择所有p元素且该元素是其父级的最后一个子元素顺序选择器:nth-child(n)p:nth-child(2)选择所有p元素且该元素是其父级的第二个子元素顺序类型选择器:nth-of-type(n)p:nth-of-type(2)选择所有p元素且该元素是其父级的第二个p元素倒序选择器:nth-last-child(n)p:nth-last-child(2)选择所有p元素且该元素是其父级的倒数第二个子元素倒序类型选择器:nth-last-of-type(n)p:nth-last-of-type(2)选择所有p元素且该元素是其父级的倒数第二个p元素
今天的分享就到此结束了 如果文章对你有帮助记得点赞收藏加关注。会不定期分享一些干货哦......
