selenium的css定位（8）

# css定位方法 find_element_by_css_selector()
'''
一、什么是css? css是（Cascading Style Sheets）一种语言，它用来描述HTML和XML的元素显示样式；
css语言书写两个格式：
    1.写在HTML语言中<style type="text/css">...
    2.写在单独文件中，后缀.css
二、而在css语言中有css选择器（不同的策略选择元素），在selenium中也可以使用这种选择器；
提示：
    1.在selenium中极力推荐css定位，因为它比xpath定位速度要快。
    2.css选择器语法非常强大，学测试中常用的几个

三、常用策略（方式）：
    1. id选择器（前端最常用），根据元素的id属性来选择
        格式：#id   示例：#username <选择id属性值为username的所有元素>

    2. class选择器（前端最常用）,根据元素的class属性来选择
        格式：.class   示例：.layui-input  <选择class属性值为layui-input的所有元素>

    3. 元素选择器 ，根据元素的标签名选择
        格式：element  示例：input <选择所有input元素>

    4. 属性选择器，根据元素的属性名和值来选择
        格式：[attribute=value]  示例：[type="password"]   <选择所有type属性值为password的值>

    5. 层级选择器（相邻、父级），根据元素的层级关系来选择
        格式：element>element  示例：div>form  <返回所有div元素下的所有form元素>
        提示：> 可以用空格代替  示例： div form  或者 div [type="text"]  可以跳元素
    
    css延伸：
        1.input[type^="t"]  说明：type属性以t字母开头的元素
        1.input[type$="d"]  说明：type属性以d字母结束的元素
        1.input[type*="w"]  说明：type属性包含w字母的元素
    
'''
from selenium import webdriver
from time import sleep

# 2.实例化谷歌浏览器
driver = webdriver.Chrome()

# 3.打开项目页面———> url
url = "http://116.62.46.10:91/admin/Open/login"
driver.get(url)

# 二、使用css定位 id
driver.find_element_by_css_selector("#username").send_keys("liuyongchun")
driver.find_element_by_css_selector("#password").send_keys("123456")
driver.find_elements_by_css_selector(".loginin.layui-btn").click()

# 暂停10秒钟
sleep(10)
# 关闭浏览器
driver.quit()

 ​​​​​​​