一、css定位 语法基础
tagname 定位标签
#id 定位id属性，用 #
.class 定位class属性，用 .
1、先在 console 里面，用css语法定位，如下：
示例代码如下：
# -*- coding:utf-8 -*-
# Author: Sky
# Email: 2780619724@qq.com
# Time: 2021/8/20 10:10
# Project: day01
# Module: ch_02.py
# Environment: Python3.8.6 , Selenium3 环境 ( 3.141.0 版本)
# Environment: Chrome ( 92.0.4515.131, 正式版本) + chromedriver(92.0.4515.107版本)
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get("http://49.235.92.12:8200/users/login/")
driver.maximize_window()
time.sleep(3)
# css语法
# 定位id属性，用 #
driver.find_element_by_css_selector("#username").send_keys("112233456@qq.com")
driver.find_element_by_css_selector("#password_l").send_keys("123456")
# 定位class属性，用.
driver.find_element_by_css_selector(".btn.btn-green").click()
time.sleep(3)
driver.quit()
2、除了 tag 、id 、class ，还可以用其它属性定位 [type="text"]、‘[name="username"]‘、‘[placeholder="请输入您的密码"]‘ 等
示例代码如下：
# -*- coding:utf-8 -*-
# Author: Sky
# Email: 2780619724@qq.com
# Time: 2021/8/20 10:10
# Project: day01
# Module: ch_02.py
# Environment: Python3.8.6 , Selenium3 环境 ( 3.141.0 版本)
# Environment: Chrome ( 92.0.4515.131, 正式版本) + chromedriver(92.0.4515.107版本)
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get("http://49.235.92.12:8200/users/login/")
driver.maximize_window()
time.sleep(3)
# css语法
# 定位id属性，用 #
# driver.find_element_by_css_selector("#username").send_keys("112233456@qq.com")
# driver.find_element_by_css_selector("#password_l").send_keys("123456")
# 定位class属性，用 .
# driver.find_element_by_css_selector(".btn.btn-green").click()
# time.sleep(3)
# 除了 tag 、id 、class ，还可以用其它属性定位，比如：
# [type="text"]、‘[name="username"]‘、‘[placeholder="请输入您的密码"]‘ 等
# 输入用户名
driver.find_element_by_css_selector(‘[name="username"]‘).send_keys("112233456@qq.com")
# 输入密码
driver.find_element_by_css_selector(‘[id="password_l"]‘).send_keys("123456")
# 点击登录
driver.find_element_by_css_selector(‘[value="立即登录 > "]‘).send_keys("123456")
time.sleep(3)
driver.quit()
3、多个属性组合定位元素
<input name="username" id="username" type="text" value="" placeholder="请输入您的邮箱地址">
比如：$(‘input[id="username"]‘) 表示： css定位，根据 input标签 + [id="username"] 组合去定位 ；