码迷,mamicode.com
首页 > Web开发 > 详细

24、CSS定位

时间:2018-11-02 23:39:09      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:css   16px   input   延伸   img   selector   选择   功能   find   

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类似功能对比

 技术分享图片

 

24、CSS定位

标签:css   16px   input   延伸   img   selector   选择   功能   find   

原文地址:https://www.cnblogs.com/zhuifeng-mayi/p/9898508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!