zoukankan      html  css  js  c++  java
  • Selenium系列之--06 CSS SELECTOR选择器的一些写法

    常见符号:

    #表示id
    .表示class
    >表示子元素,层级
    一个空格也表示子元素,但是是所有的后代子元素,相当于xpath中的相对路径

     实例如下:

    //#input 选择id为input的节点
    
    //.Volvo 选择class为Volvo的节点
    
    //div#radio>input 选择id为radio的div下的所有的input节点
    
    //div#radio input 选择id为radio的div下的所有的子孙后代input节点
    
    //div#radio>input:nth-of-type(4) 选择id为radio的div下的第4个input节点
    
    //div#radio>:nth-child(1) 选择id为radio的div下的第1个子节点
    
    //div#radio>input:nth-of-type(4)+label 选择id为radio的div下的第4个input节点之后挨着的label节点
    
    //div#radio>input:nth-of-type(4)~label 选择id为radio的div下的第4个input节点之后的所有label节点
    
    //input.Volvo[name='identity'] 选择class为.Volvo并且name为identity的input节点
    
    //input[name='identity'][type='radio']:nth-of-type(1) 选择name为identity且type为radio的第1个input节点
    
    //input[name^='ident'] 选择以ident开头的name属性的所有input节点
    
    //input[name$='entity'] 选择以'entity'结尾的name属性的所有input节点
    
    //input[name*='enti'] 选择包含'enti'的name属性的所有input节点
    
    //div#radio>*:not(input) 选择id为radio的div的子节点中不为input的所有子节点
    
    //input:not([type=radio]) 选择input节点中type不为radio的所有节点
  • 相关阅读:
    安全购买数码相机的诀窍!(1)
    获得网卡MAC地址和IP地址
    用Asp.net实现基于XML的留言簿之二
    安全购买数码相机的诀窍!(2)
    使用Flash读取COOKIE
    数码常识:CCD的原理
    ACE 5.5 Make in RedHat AS 4 Update 4 Issue
    Eclipse Plugins 开发 (1)
    RedHat AS4 Update4 DNS (bind 9) 配置
    Maven2 & Continuum 持续整合 (1)
  • 原文地址:https://www.cnblogs.com/liuyitan/p/9964097.html
Copyright © 2011-2022 走看看