元素定位练习 · CSS 选择器定位

练习 By.CSS_SELECTOR 的 Selenium 定位方法 — 独立专项练习页

作业说明

本次作业练习 Selenium By.CSS_SELECTOR 定位:比 XPath 更简洁、执行更快的现代定位方式,支持组合符、伪类、属性匹配。请完成以下练习,熟练掌握 CSS 选择器写法。

方法 8:By.CSS_SELECTOR — 通过 CSS 选择器定位

比 XPath 更简洁、执行更快的现代定位方式,支持组合符、伪类、属性匹配等,但不支持文本匹配和向上找父元素。

练习目标:用 CSS 选择器操作下面的面板

定位后操作效果展示区域

本区域用于展示:使用 By.CSS_SELECTOR#id / .class / [attr] 等)定位目标元素后,执行「设置昵称 / 切换兴趣标签 / 勾选通知 / 保存或取消」操作反馈。

当前尚无操作记录

请尝试:① 输入「昵称 / 个性签名」 ② 依次点选 3 个兴趣标签 ③ 勾选「短信 / 邮件 / APP推送 / 微信」通知 ④ 点击「保存设置」或「取消修改」。

操作日志(点击/输入后记录在此)

本日志仅展示效果,方便你在 Selenium 脚本里用 By.ID, "action-log" 读取后断言操作是否成功执行。

[等待操作] 暂无任何交互,欢迎开始练习……