24、CSS定位

CSS定位方法

driver.find_element_by_css_selector()

 

1.CSS定位常用策略（方式）
　　1.id选择器　

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

　　2.c1ass选择器

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

　　3.元素选择器

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

　　4.属性选择器

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

　　5.层级选择器

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

 

2.CSS延伸

1.input[type^='p']
　　说明：type属性以p字母开头的元素
2.input[type$='d']
　　说明：type属性以d字母结束的元素
3.input[type*='w']
　　说明：type属性包含w字母的元素

 

3.CSS总结

 

4.Xpath与CSS类似功能对比