请解释一下在 Selenium 中使用 Python 创建自定义 CSS 的一些方法?
selenium web driverautomation testingsoftware testing更新于 2026/1/11 9:52:17
CSS 是 Selenium 中重要的定位器之一。您可以借助 id、classname 等属性，以及结合使用 tagname 和 html 属性来创建自定义 CSS。
创建 CSS 的方法如下 −
使用类名 html 属性。
这将选择由 (.)classname 表示的特定类的 Web 元素。
语法 −
driver. find_element_by_css_selector(".name")
这里的 name 是属性 class 的值。
使用 id html 属性。
这将选择由 (#) id 表示的特定 id 的 Web 元素。
语法−
driver. find_element_by_css_selector("#search")
这里的 search 是属性 id 的值。
使用标签名和属性值的组合。
这将选择特定属性值组合的 Web 元素。这由标签名 [attribute='value'] 表示。
语法 −
driver. find_element_by_css_selector ("input[id='result']")
此处的 input 是 tagname 和 id 属性，其值为 result。
示例
使用 css 中的类名属性的代码实现。
from selenium import webdriver
#browser 暴露一个可执行文件
#通过 Selenium 测试，我们将调用该可执行文件，然后 #调用实际的浏览器
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# 最大化浏览器窗口
driver.maximize_window()
# 获取方法启动 URL
driver.get("https://www.tutorialspoint.com/index.htm")
# 刷新浏览器
driver.refresh()
# 识别借助类名属性来控制编辑框
driver.find_element_by_css_selector(".gsc-input")。
send_keys("Selenium")
#关闭浏览器
driver.close()
使用 CSS 中的 id 属性的代码实现。
from selenium import webdriver
#浏览器暴露一个可执行文件
#通过Selenium测试，我们将调用可执行文件，然后该文件将#调用实际的浏览器
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
#最大化浏览器窗口
driver.maximize_window()
#获取方法启动URL
driver.get("https://www.tutorialspoint.com/index.htm")
#刷新浏览器
driver.refresh()
#借助id属性识别编辑框
driver.find_element_by_css_selector("#gsc-i-id1").
send_keys("Selenium")
#关闭浏览器
driver.close()
使用 css 中的标签名和属性值的代码实现。
from selenium import webdriver
#浏览器公开一个可执行文件
#通过 Selenium 测试，我们将调用该可执行文件，然后该文件将#调用实际的浏览器
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
#最大化浏览器窗口
driver.maximize_window()
#获取方法启动 URL
driver.get("https://www.tutorialspoint.com/index.htm")
#刷新浏览器
driver.refresh()
#借助标签名和属性值识别编辑框
driver. find_element_by_css_selector("input[name='search']").
send_keys("Selenium")
#关闭浏览器
driver.close()
