selenium 之 css定位

selenium css定位

css概述:

  1. css(cascading style sheets)是一种语言,它用来描述HTML和XML的元素显示样式。

  2. css语言中有css选择器,在selenium中也可以使用这种选择器来进行元素定位。

  3. css定位方式比xpath快,而且css的语法也非常强大。

    定位方法:find_element_by_css_selector()

    css定位方式:1. id选择器 2. class选择器 3. 元素选择器 4. 属性选择器 5. 层级选择器

  4. id选择器

    根据元素id属性来选择

    格式:#id属性值 如:#userA(选择id属性值为userA的所有元素)

    find_element_by_css_selector('#userA').send_keys('hello selenium')

  5. class选择器

    根据元素class属性来选择

    格式:.class属性值 如:.telA(选择class属性值为telA的所有元素)

    find_element_by_css_selector('.telA').send_keys('hello selenium')

  6. 元素选择器

    根据元素标签名来选择

    格式:element 如: input(选择所有input元素)

    find_element_by_css_selector('input').send_keys('hello selenium')

  7. 属性选择器

    根据元素的属性名和值来选择

    格式:[attribute=value] 如:[type='password'] (选择所有type属性为password的值)

    find_element_by_css_selector('[type="password"]').send_keys('hello selenium')

  8. 层级选择器

    根据元素的父子关系来选择

    格式:element>element 如:p>input(返还所有p元素下所有的input元素)

    find_element_by_css_selector('p>input').send_keys('hello selenium')

相关推荐
@大迁世界2 小时前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html
伍哥的传说2 小时前
Tailwind CSS v4 终极指南:体验 Rust 驱动的闪电般性能与现代化 CSS 工作流
前端·css·rust·tailwindcss·tailwind css v4·lightning css·utility-first
拜无忧2 小时前
前端,用SVG 模仿毛笔写字绘画,defs,filter
前端·css·svg
代码小学僧5 小时前
🎉 在 Tailwind 中愉快的使用 Antd Design 色彩
前端·css·react.js
ssshooter5 小时前
复习 CSS Flex 和 Grid 布局
前端·css·html
菲兹园长6 小时前
CSS(展示效果)
前端·javascript·css
UNbuff_06 小时前
HTML 中的 CSS 使用说明
css·html·tensorflow
很多石头9 小时前
前端img与background-image渲染图片对H5页面性能的影响
前端·css
华仔啊11 小时前
关于移动端100vh的坑和终极解决方案,看这一篇就够了!
前端·css
zhangzeyuaaa21 小时前
Selenium 超时完全指南:pageLoadTimeout、implicitlyWait 和 scriptTimeout 的深度解析
selenium·测试工具