自动化测试元素定位方式之CSS定位

什么是CSS？
1.CSS（Cascading Style Sheets）是一种语言，它用来描述HTML和XML的元素显示样式；
css语言书写两个格式：
• 写在HTML语言中<style type=“text/css”>…
• 写在单独文件中后缀 .css

2.而在CSS语言中有CSS选择器(不同的策略选择元素)，在Selenium中也可以使用这种选择器；
提示：
• 在selenium中极力推荐CSS定位，因为它比XPath定位速度要快
• css选择器语法非常强大，在这里只介绍在测试中常用的几个

CSS定位常用方式：
1.id选择器
2.class选择器
3.元素选择器
4.属性选择器
5.层级选择器

CSS定位方法：driver.find_element_by_css_selector()

1.id选择器
说明：根据元素id属性来选择
格式：#id 如：#userA <选择id属性值为userA的所有元素>

2.class选择器
说明：根据元素class属性来选择
格式：.class 如：.telA <选择class属性值为telA的所有元素>

3.元素选择器
说明：根据元素的标签名选择
格式：element 如：input <选择所有input元素>

4.属性选择器
说明：根据元素的属性名和值来选择
格式：[attribute=value] 如：[type=“password”] <选择所有type属性值为password的值>

5.层级选择器
说明：根据元素的父子关系来选择
格式：element>element 如：p>input <返回所有p元素下所有的input元素>
提示：> 可以用空格代替 如：p input 或者 p [type=‘password’]